{"html":"<article data-product-id=\"567\" 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:\/\/otopist.tr\/urun\/automix-super-parlak-hizli-cila-500-ml\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/1314_3c0fbbeb35ccf692df12bad12abdd492.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:\/\/otopist.tr\/urun\/automix-super-parlak-hizli-cila-500-ml\" class=\"absolute inset-0 z-[2]\" aria-label=\"Automix S\u00fcper Parlak H\u0131zl\u0131 Cila 500 Ml\" title=\"Automix S\u00fcper Parlak H\u0131zl\u0131 Cila 500 Ml\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/1314_3c0fbbeb35ccf692df12bad12abdd492.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/1314_3c0fbbeb35ccf692df12bad12abdd492.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/1314_3c0fbbeb35ccf692df12bad12abdd492.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix S\u00fcper Parlak H\u0131zl\u0131 Cila 500 Ml - H\u0131zl\u0131 Cila\"\n                         title=\"Automix S\u00fcper Parlak H\u0131zl\u0131 Cila 500 Ml - H\u0131zl\u0131 Cila\"\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            \n                        <div class=\"pointer-events-none absolute inset-x-0 bottom-0 z-30 flex items-center justify-center px-2 py-0.5 text-center\" style=\"background-color:#dc2626;\" data-nosnippet>\n                <span class=\"line-clamp-1 text-[10px] font-bold leading-tight text-white md:text-[11px]\">Yetkili Sat\u0131c\u0131<\/span>\n            <\/div>\n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/otopist.tr\/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=\"sf-icon sf-icon--custom  text-[18px]\"\n        style=\"--sf-icon:url('https:\/\/otopist.tr\/storage\/uploads\/icons\/heart-stroke-rounded-8d676caf.svg');\"\n        aria-hidden=\"true\"\n    ><\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <a href=\"https:\/\/otopist.tr\/urun\/automix-super-parlak-hizli-cila-500-ml\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Automix S\u00fcper Parlak H\u0131zl\u0131 Cila 500 Ml\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">H\u0131zl\u0131 Cila<\/p>\n\n        <p class=\"line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] dark:text-white\">\n                            <a href=\"https:\/\/otopist.tr\/marka\/automix\" title=\"Automix\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Automix<\/a> S\u00fcper Parlak H\u0131zl\u0131 Cila 500 Ml\n                    <\/p>\n\n        <span class=\"coupon-card-hint\" data-nosnippet>\n        <span class=\"coupon-card-hint__pill\">%10 Kupon<\/span>\n    <\/span>\n\n                <div\n        class=\"product-rating-row product-rating-row--card\"\n                aria-label=\"2 de\u011ferlendirme, ortalama 5,0 puan\"\n    >\n        <span class=\"product-rating-row__score\">5,0<\/span>\n        <span class=\"product-rating-row__stars\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                    <\/span>\n            <\/div>\n        \n        <div class=\"mt-2 flex items-end justify-between gap-2\" >\n                        <div class=\"shop-product-price text-xl font-bold tracking-tight dark:text-white\">\n                449 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"566\" 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:\/\/otopist.tr\/urun\/automix-super-torpido-parlatici-500-ml\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/1273_55585d3d5e96346dea88a9960f784cef.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:\/\/otopist.tr\/urun\/automix-super-torpido-parlatici-500-ml\" class=\"absolute inset-0 z-[2]\" aria-label=\"Automix S\u00fcper Torpido Parlat\u0131c\u0131 500 ml\" title=\"Automix S\u00fcper Torpido Parlat\u0131c\u0131 500 ml\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/1273_55585d3d5e96346dea88a9960f784cef.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/1273_55585d3d5e96346dea88a9960f784cef.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/1273_55585d3d5e96346dea88a9960f784cef.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix S\u00fcper Torpido Parlat\u0131c\u0131 500 ml - Torpido Bak\u0131m S\u00fct\u00fc\"\n                         title=\"Automix S\u00fcper Torpido Parlat\u0131c\u0131 500 ml - Torpido Bak\u0131m S\u00fct\u00fc\"\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            \n                        <div class=\"pointer-events-none absolute inset-x-0 bottom-0 z-30 flex items-center justify-center px-2 py-0.5 text-center\" style=\"background-color:#dc2626;\" data-nosnippet>\n                <span class=\"line-clamp-1 text-[10px] font-bold leading-tight text-white md:text-[11px]\">Yetkili Sat\u0131c\u0131<\/span>\n            <\/div>\n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/otopist.tr\/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=\"sf-icon sf-icon--custom  text-[18px]\"\n        style=\"--sf-icon:url('https:\/\/otopist.tr\/storage\/uploads\/icons\/heart-stroke-rounded-8d676caf.svg');\"\n        aria-hidden=\"true\"\n    ><\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <a href=\"https:\/\/otopist.tr\/urun\/automix-super-torpido-parlatici-500-ml\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Automix S\u00fcper Torpido Parlat\u0131c\u0131 500 ml\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Torpido Bak\u0131m S\u00fct\u00fc<\/p>\n\n        <p class=\"line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] dark:text-white\">\n                            <a href=\"https:\/\/otopist.tr\/marka\/automix\" title=\"Automix\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Automix<\/a> S\u00fcper Torpido Parlat\u0131c\u0131 500 ml\n                    <\/p>\n\n        <span class=\"coupon-card-hint\" data-nosnippet>\n        <span class=\"coupon-card-hint__pill\">%10 Kupon<\/span>\n    <\/span>\n\n                <div\n        class=\"product-rating-row product-rating-row--card\"\n                aria-label=\"2 de\u011ferlendirme, ortalama 5,0 puan\"\n    >\n        <span class=\"product-rating-row__score\">5,0<\/span>\n        <span class=\"product-rating-row__stars\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                    <\/span>\n            <\/div>\n        \n        <div class=\"mt-2 flex items-end justify-between gap-2\" >\n                        <div class=\"shop-product-price text-xl font-bold tracking-tight dark:text-white\">\n                399 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"565\" 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:\/\/otopist.tr\/urun\/automix-super-motor-temizleyici-yag-sokucu-500ml\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/1345_cb6d7448e562bca8dd7ee00e667d857a.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:\/\/otopist.tr\/urun\/automix-super-motor-temizleyici-yag-sokucu-500ml\" class=\"absolute inset-0 z-[2]\" aria-label=\"Automix S\u00fcper Motor Temizleyici &amp; Ya\u011f S\u00f6k\u00fcc\u00fc 500Ml\" title=\"Automix S\u00fcper Motor Temizleyici &amp; Ya\u011f S\u00f6k\u00fcc\u00fc 500Ml\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/1345_cb6d7448e562bca8dd7ee00e667d857a.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/1345_cb6d7448e562bca8dd7ee00e667d857a.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/1345_cb6d7448e562bca8dd7ee00e667d857a.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix S\u00fcper Motor Temizleyici &amp; Ya\u011f S\u00f6k\u00fcc\u00fc 500Ml - Motor Temizleyici\"\n                         title=\"Automix S\u00fcper Motor Temizleyici &amp; Ya\u011f S\u00f6k\u00fcc\u00fc 500Ml - Motor Temizleyici\"\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            \n                        <div class=\"pointer-events-none absolute inset-x-0 bottom-0 z-30 flex items-center justify-center px-2 py-0.5 text-center\" style=\"background-color:#dc2626;\" data-nosnippet>\n                <span class=\"line-clamp-1 text-[10px] font-bold leading-tight text-white md:text-[11px]\">Yetkili Sat\u0131c\u0131<\/span>\n            <\/div>\n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/otopist.tr\/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=\"sf-icon sf-icon--custom  text-[18px]\"\n        style=\"--sf-icon:url('https:\/\/otopist.tr\/storage\/uploads\/icons\/heart-stroke-rounded-8d676caf.svg');\"\n        aria-hidden=\"true\"\n    ><\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <a href=\"https:\/\/otopist.tr\/urun\/automix-super-motor-temizleyici-yag-sokucu-500ml\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Automix S\u00fcper Motor Temizleyici &amp; Ya\u011f S\u00f6k\u00fcc\u00fc 500Ml\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Motor Temizleyici<\/p>\n\n        <p class=\"line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] dark:text-white\">\n                            <a href=\"https:\/\/otopist.tr\/marka\/automix\" title=\"Automix\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Automix<\/a> S\u00fcper Motor Temizleyici &amp; Ya\u011f S\u00f6k\u00fcc\u00fc 500Ml\n                    <\/p>\n\n        <span class=\"coupon-card-hint\" data-nosnippet>\n        <span class=\"coupon-card-hint__pill\">%10 Kupon<\/span>\n    <\/span>\n\n                <div\n        class=\"product-rating-row product-rating-row--card\"\n                aria-label=\"4 de\u011ferlendirme, ortalama 5,0 puan\"\n    >\n        <span class=\"product-rating-row__score\">5,0<\/span>\n        <span class=\"product-rating-row__stars\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                    <\/span>\n            <\/div>\n        \n        <div class=\"mt-2 flex items-end justify-between gap-2\" >\n                        <div class=\"shop-product-price text-xl font-bold tracking-tight dark:text-white\">\n                299 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"564\" 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:\/\/otopist.tr\/urun\/automix-super-lastik-parlatici-500-ml\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/uploads\\\\\\\/lastik-1784896546.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:\/\/otopist.tr\/urun\/automix-super-lastik-parlatici-500-ml\" class=\"absolute inset-0 z-[2]\" aria-label=\"Automix S\u00fcper Lastik Parlat\u0131c\u0131 500 Ml\" title=\"Automix S\u00fcper Lastik Parlat\u0131c\u0131 500 Ml\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/lastik-1784896546.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/uploads\/lastik-1784896546.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/lastik-1784896546.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix S\u00fcper Lastik Parlat\u0131c\u0131 500 Ml - Lastik Parlat\u0131c\u0131\"\n                         title=\"Automix S\u00fcper Lastik Parlat\u0131c\u0131 500 Ml - Lastik Parlat\u0131c\u0131\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n            \n                        <div class=\"pointer-events-none absolute inset-x-0 bottom-0 z-30 flex items-center justify-center px-2 py-0.5 text-center\" style=\"background-color:#dc2626;\" data-nosnippet>\n                <span class=\"line-clamp-1 text-[10px] font-bold leading-tight text-white md:text-[11px]\">Yetkili Sat\u0131c\u0131<\/span>\n            <\/div>\n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/otopist.tr\/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=\"sf-icon sf-icon--custom  text-[18px]\"\n        style=\"--sf-icon:url('https:\/\/otopist.tr\/storage\/uploads\/icons\/heart-stroke-rounded-8d676caf.svg');\"\n        aria-hidden=\"true\"\n    ><\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <a href=\"https:\/\/otopist.tr\/urun\/automix-super-lastik-parlatici-500-ml\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Automix S\u00fcper Lastik Parlat\u0131c\u0131 500 Ml\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Lastik Parlat\u0131c\u0131<\/p>\n\n        <p class=\"line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] dark:text-white\">\n                            <a href=\"https:\/\/otopist.tr\/marka\/automix\" title=\"Automix\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Automix<\/a> S\u00fcper Lastik Parlat\u0131c\u0131 500 Ml\n                    <\/p>\n\n        <span class=\"coupon-card-hint\" data-nosnippet>\n        <span class=\"coupon-card-hint__pill\">%10 Kupon<\/span>\n    <\/span>\n\n                <div\n        class=\"product-rating-row product-rating-row--card\"\n                aria-label=\"17 de\u011ferlendirme, ortalama 4,6 puan\"\n    >\n        <span class=\"product-rating-row__score\">4,6<\/span>\n        <span class=\"product-rating-row__stars\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                    <\/span>\n            <\/div>\n        \n        <div class=\"mt-2 flex items-end justify-between gap-2\" >\n                        <div class=\"shop-product-price text-xl font-bold tracking-tight dark:text-white\">\n                299 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"563\" 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:\/\/otopist.tr\/urun\/automix-super-cok-amacli-temizleyici-500-ml\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/1271_9fd06be04e38564f113b501ec2c7f545.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:\/\/otopist.tr\/urun\/automix-super-cok-amacli-temizleyici-500-ml\" class=\"absolute inset-0 z-[2]\" aria-label=\"Automix S\u00fcper \u00c7ok Ama\u00e7l\u0131 Temizleyici 500 Ml\" title=\"Automix S\u00fcper \u00c7ok Ama\u00e7l\u0131 Temizleyici 500 Ml\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/1271_9fd06be04e38564f113b501ec2c7f545.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/1271_9fd06be04e38564f113b501ec2c7f545.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/1271_9fd06be04e38564f113b501ec2c7f545.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix S\u00fcper \u00c7ok Ama\u00e7l\u0131 Temizleyici 500 Ml - Genel &amp; Detay Temizlik\"\n                         title=\"Automix S\u00fcper \u00c7ok Ama\u00e7l\u0131 Temizleyici 500 Ml - Genel &amp; Detay Temizlik\"\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            \n                        <div class=\"pointer-events-none absolute inset-x-0 bottom-0 z-30 flex items-center justify-center px-2 py-0.5 text-center\" style=\"background-color:#dc2626;\" data-nosnippet>\n                <span class=\"line-clamp-1 text-[10px] font-bold leading-tight text-white md:text-[11px]\">Yetkili Sat\u0131c\u0131<\/span>\n            <\/div>\n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/otopist.tr\/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=\"sf-icon sf-icon--custom  text-[18px]\"\n        style=\"--sf-icon:url('https:\/\/otopist.tr\/storage\/uploads\/icons\/heart-stroke-rounded-8d676caf.svg');\"\n        aria-hidden=\"true\"\n    ><\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <a href=\"https:\/\/otopist.tr\/urun\/automix-super-cok-amacli-temizleyici-500-ml\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Automix S\u00fcper \u00c7ok Ama\u00e7l\u0131 Temizleyici 500 Ml\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Genel &amp; Detay Temizlik<\/p>\n\n        <p class=\"line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] dark:text-white\">\n                            <a href=\"https:\/\/otopist.tr\/marka\/automix\" title=\"Automix\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Automix<\/a> S\u00fcper \u00c7ok Ama\u00e7l\u0131 Temizleyici 500 Ml\n                    <\/p>\n\n        <span class=\"coupon-card-hint\" data-nosnippet>\n        <span class=\"coupon-card-hint__pill\">%10 Kupon<\/span>\n    <\/span>\n\n                <div\n        class=\"product-rating-row product-rating-row--card\"\n                aria-label=\"3 de\u011ferlendirme, ortalama 5,0 puan\"\n    >\n        <span class=\"product-rating-row__score\">5,0<\/span>\n        <span class=\"product-rating-row__stars\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                    <\/span>\n            <\/div>\n        \n        <div class=\"mt-2 flex items-end justify-between gap-2\" >\n                        <div class=\"shop-product-price text-xl font-bold tracking-tight dark:text-white\">\n                299 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"562\" 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:\/\/otopist.tr\/urun\/automix-super-koltuk-ve-doseme-temizleyici-500-ml\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/product_1270_1767190752_0.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:\/\/otopist.tr\/urun\/automix-super-koltuk-ve-doseme-temizleyici-500-ml\" class=\"absolute inset-0 z-[2]\" aria-label=\"Automix S\u00fcper Koltuk Ve D\u00f6\u015feme Temizleyici 500 Ml\" title=\"Automix S\u00fcper Koltuk Ve D\u00f6\u015feme Temizleyici 500 Ml\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/product_1270_1767190752_0.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/product_1270_1767190752_0.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/product_1270_1767190752_0.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix S\u00fcper Koltuk Ve D\u00f6\u015feme Temizleyici 500 Ml - Kuma\u015f Temizleyici\"\n                         title=\"Automix S\u00fcper Koltuk Ve D\u00f6\u015feme Temizleyici 500 Ml - Kuma\u015f Temizleyici\"\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            \n                        <div class=\"pointer-events-none absolute inset-x-0 bottom-0 z-30 flex items-center justify-center px-2 py-0.5 text-center\" style=\"background-color:#dc2626;\" data-nosnippet>\n                <span class=\"line-clamp-1 text-[10px] font-bold leading-tight text-white md:text-[11px]\">Yetkili Sat\u0131c\u0131<\/span>\n            <\/div>\n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/otopist.tr\/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=\"sf-icon sf-icon--custom  text-[18px]\"\n        style=\"--sf-icon:url('https:\/\/otopist.tr\/storage\/uploads\/icons\/heart-stroke-rounded-8d676caf.svg');\"\n        aria-hidden=\"true\"\n    ><\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <a href=\"https:\/\/otopist.tr\/urun\/automix-super-koltuk-ve-doseme-temizleyici-500-ml\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Automix S\u00fcper Koltuk Ve D\u00f6\u015feme Temizleyici 500 Ml\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Kuma\u015f Temizleyici<\/p>\n\n        <p class=\"line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] dark:text-white\">\n                            <a href=\"https:\/\/otopist.tr\/marka\/automix\" title=\"Automix\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Automix<\/a> S\u00fcper Koltuk Ve D\u00f6\u015feme Temizleyici 500 Ml\n                    <\/p>\n\n        <span class=\"coupon-card-hint\" data-nosnippet>\n        <span class=\"coupon-card-hint__pill\">%10 Kupon<\/span>\n    <\/span>\n\n                <div\n        class=\"product-rating-row product-rating-row--card\"\n                aria-label=\"4 de\u011ferlendirme, ortalama 4,8 puan\"\n    >\n        <span class=\"product-rating-row__score\">4,8<\/span>\n        <span class=\"product-rating-row__stars\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                    <\/span>\n            <\/div>\n        \n        <div class=\"mt-2 flex items-end justify-between gap-2\" >\n                        <div class=\"shop-product-price text-xl font-bold tracking-tight dark:text-white\">\n                299 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"561\" 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:\/\/otopist.tr\/urun\/automix-jant-temizleyici-500ml-anti-statik\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/1268_c383dfd57c07dff52b4fd87ae71ee1b8.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:\/\/otopist.tr\/urun\/automix-jant-temizleyici-500ml-anti-statik\" class=\"absolute inset-0 z-[2]\" aria-label=\"Automix Jant Temizleyici 500Ml \/ Anti Statik\" title=\"Automix Jant Temizleyici 500Ml \/ Anti Statik\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/1268_c383dfd57c07dff52b4fd87ae71ee1b8.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/1268_c383dfd57c07dff52b4fd87ae71ee1b8.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/1268_c383dfd57c07dff52b4fd87ae71ee1b8.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix Jant Temizleyici 500Ml \/ Anti Statik - Jant Temizleyici\"\n                         title=\"Automix Jant Temizleyici 500Ml \/ Anti Statik - Jant Temizleyici\"\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            \n                        <div class=\"pointer-events-none absolute inset-x-0 bottom-0 z-30 flex items-center justify-center px-2 py-0.5 text-center\" style=\"background-color:#dc2626;\" data-nosnippet>\n                <span class=\"line-clamp-1 text-[10px] font-bold leading-tight text-white md:text-[11px]\">Yetkili Sat\u0131c\u0131<\/span>\n            <\/div>\n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/otopist.tr\/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=\"sf-icon sf-icon--custom  text-[18px]\"\n        style=\"--sf-icon:url('https:\/\/otopist.tr\/storage\/uploads\/icons\/heart-stroke-rounded-8d676caf.svg');\"\n        aria-hidden=\"true\"\n    ><\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <a href=\"https:\/\/otopist.tr\/urun\/automix-jant-temizleyici-500ml-anti-statik\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Automix Jant Temizleyici 500Ml \/ Anti Statik\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Jant Temizleyici<\/p>\n\n        <p class=\"line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] dark:text-white\">\n                            <a href=\"https:\/\/otopist.tr\/marka\/automix\" title=\"Automix\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Automix<\/a> Jant Temizleyici 500Ml \/ Anti Statik\n                    <\/p>\n\n        <span class=\"coupon-card-hint\" data-nosnippet>\n        <span class=\"coupon-card-hint__pill\">%10 Kupon<\/span>\n    <\/span>\n\n                <div\n        class=\"product-rating-row product-rating-row--card\"\n                aria-label=\"8 de\u011ferlendirme, ortalama 4,8 puan\"\n    >\n        <span class=\"product-rating-row__score\">4,8<\/span>\n        <span class=\"product-rating-row__stars\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                    <\/span>\n            <\/div>\n        \n        <div class=\"mt-2 flex items-end justify-between gap-2\" >\n                        <div class=\"shop-product-price text-xl font-bold tracking-tight dark:text-white\">\n                279 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"560\" 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:\/\/otopist.tr\/urun\/automix-cilali-oto-yikama-sampuani-1000ml\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/3614_a029edee60a939e65a4fb36f2bccf95e.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:\/\/otopist.tr\/urun\/automix-cilali-oto-yikama-sampuani-1000ml\" class=\"absolute inset-0 z-[2]\" aria-label=\"Automix Cilal\u0131 Oto Y\u0131kama \u015eampuan\u0131 1000Ml\" title=\"Automix Cilal\u0131 Oto Y\u0131kama \u015eampuan\u0131 1000Ml\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3614_a029edee60a939e65a4fb36f2bccf95e.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/3614_a029edee60a939e65a4fb36f2bccf95e.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3614_a029edee60a939e65a4fb36f2bccf95e.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix Cilal\u0131 Oto Y\u0131kama \u015eampuan\u0131 1000Ml - \u015eampuan\"\n                         title=\"Automix Cilal\u0131 Oto Y\u0131kama \u015eampuan\u0131 1000Ml - \u015eampuan\"\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            \n                        <div class=\"pointer-events-none absolute inset-x-0 bottom-0 z-30 flex items-center justify-center px-2 py-0.5 text-center\" style=\"background-color:#dc2626;\" data-nosnippet>\n                <span class=\"line-clamp-1 text-[10px] font-bold leading-tight text-white md:text-[11px]\">Yetkili Sat\u0131c\u0131<\/span>\n            <\/div>\n                    <\/div>\n\n        \n        <div class=\"absolute right-3 top-3 z-20\" data-nosnippet>\n                            <a href=\"https:\/\/otopist.tr\/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=\"sf-icon sf-icon--custom  text-[18px]\"\n        style=\"--sf-icon:url('https:\/\/otopist.tr\/storage\/uploads\/icons\/heart-stroke-rounded-8d676caf.svg');\"\n        aria-hidden=\"true\"\n    ><\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n    <div class=\"shop-product-card-content relative flex flex-1 flex-col\">\n        <a href=\"https:\/\/otopist.tr\/urun\/automix-cilali-oto-yikama-sampuani-1000ml\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Automix Cilal\u0131 Oto Y\u0131kama \u015eampuan\u0131 1000Ml\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">\u015eampuan<\/p>\n\n        <p class=\"line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] dark:text-white\">\n                            <a href=\"https:\/\/otopist.tr\/marka\/automix\" title=\"Automix\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Automix<\/a> Cilal\u0131 Oto Y\u0131kama \u015eampuan\u0131 1000Ml\n                    <\/p>\n\n        <span class=\"coupon-card-hint\" data-nosnippet>\n        <span class=\"coupon-card-hint__pill\">%10 Kupon<\/span>\n    <\/span>\n\n                <div\n        class=\"product-rating-row product-rating-row--card\"\n                aria-label=\"2 de\u011ferlendirme, ortalama 5,0 puan\"\n    >\n        <span class=\"product-rating-row__score\">5,0<\/span>\n        <span class=\"product-rating-row__stars\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                    <\/span>\n            <\/div>\n        \n        <div class=\"mt-2 flex items-end justify-between gap-2\" >\n                        <div class=\"shop-product-price text-xl font-bold tracking-tight dark:text-white\">\n                299 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n","hasMore":false,"nextPageUrl":null}