{"html":"<article data-product-id=\"5986\" 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\/areon-xperience-iceberg-arac-klima-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/areon-xperience-iceberg-arac-klima-kokusu-2244-76e35745.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\/areon-xperience-iceberg-arac-klima-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon Xperience Iceberg Ara\u00e7 Klima Kokusu\" title=\"Areon Xperience Iceberg Ara\u00e7 Klima Kokusu\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/areon-xperience-iceberg-arac-klima-kokusu-2244-76e35745.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/areon-xperience-iceberg-arac-klima-kokusu-2244-76e35745.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/areon-xperience-iceberg-arac-klima-kokusu-2244-76e35745.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon Xperience Iceberg Ara\u00e7 Klima Kokusu - Ge\u00e7me Koku\"\n                         title=\"Areon Xperience Iceberg Ara\u00e7 Klima Kokusu - Ge\u00e7me 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            \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\/areon-xperience-iceberg-arac-klima-kokusu\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Areon Xperience Iceberg Ara\u00e7 Klima Kokusu\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Ge\u00e7me Koku<\/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\/areon\" title=\"Areon\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Areon<\/a> Xperience Iceberg Ara\u00e7 Klima Kokusu\n                    <\/p>\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                240 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"5985\" 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\/areon-xperience-new-car-arac-klima-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/areon-xperience-new-car-arac-klima-kokusu-2237-88004923.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\/areon-xperience-new-car-arac-klima-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon Xperience New Car Ara\u00e7 Klima Kokusu\" title=\"Areon Xperience New Car Ara\u00e7 Klima Kokusu\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/areon-xperience-new-car-arac-klima-kokusu-2237-88004923.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/areon-xperience-new-car-arac-klima-kokusu-2237-88004923.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/areon-xperience-new-car-arac-klima-kokusu-2237-88004923.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon Xperience New Car Ara\u00e7 Klima Kokusu - Ge\u00e7me Koku\"\n                         title=\"Areon Xperience New Car Ara\u00e7 Klima Kokusu - Ge\u00e7me 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            \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\/areon-xperience-new-car-arac-klima-kokusu\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Areon Xperience New Car Ara\u00e7 Klima Kokusu\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Ge\u00e7me Koku<\/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\/areon\" title=\"Areon\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Areon<\/a> Xperience New Car Ara\u00e7 Klima Kokusu\n                    <\/p>\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                240 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"5984\" 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\/areon-xperience-black-crystal-arac-klima-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/areon-xperience-black-crystal-arac-klima-kokusu-2234-e2d58b08.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\/areon-xperience-black-crystal-arac-klima-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon Xperience Black Crystal Ara\u00e7 Klima Kokusu\" title=\"Areon Xperience Black Crystal Ara\u00e7 Klima Kokusu\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/areon-xperience-black-crystal-arac-klima-kokusu-2234-e2d58b08.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/areon-xperience-black-crystal-arac-klima-kokusu-2234-e2d58b08.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/areon-xperience-black-crystal-arac-klima-kokusu-2234-e2d58b08.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon Xperience Black Crystal Ara\u00e7 Klima Kokusu - Ge\u00e7me Koku\"\n                         title=\"Areon Xperience Black Crystal Ara\u00e7 Klima Kokusu - Ge\u00e7me 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            \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\/areon-xperience-black-crystal-arac-klima-kokusu\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Areon Xperience Black Crystal Ara\u00e7 Klima Kokusu\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Ge\u00e7me Koku<\/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\/areon\" title=\"Areon\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Areon<\/a> Xperience Black Crystal Ara\u00e7 Klima Kokusu\n                    <\/p>\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                240 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"5982\" 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\/areon-gel-can-tutti-frutti-bardaklik-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/PKN2M0ilxyQGNrTHFD66.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\/areon-gel-can-tutti-frutti-bardaklik-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon Gel Can Tutti Frutti Bardakl\u0131k Oto Ara\u00e7 Kokusu\" title=\"Areon Gel Can Tutti Frutti Bardakl\u0131k Oto Ara\u00e7 Kokusu\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/PKN2M0ilxyQGNrTHFD66.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/PKN2M0ilxyQGNrTHFD66.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/PKN2M0ilxyQGNrTHFD66.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon Gel Can Tutti Frutti Bardakl\u0131k Oto Ara\u00e7 Kokusu - Oto Kokular\"\n                         title=\"Areon Gel Can Tutti Frutti Bardakl\u0131k Oto Ara\u00e7 Kokusu - Oto Kokular\"\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>\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\/areon-gel-can-tutti-frutti-bardaklik-oto-arac-kokusu\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Areon Gel Can Tutti Frutti Bardakl\u0131k Oto Ara\u00e7 Kokusu\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Oto Kokular<\/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\/areon\" title=\"Areon\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Areon<\/a> Gel Can Tutti Frutti Bardakl\u0131k Oto Ara\u00e7 Kokusu\n                    <\/p>\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                500 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"5981\" 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\/areon-gel-can-black-crystal-bardaklik-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/areon-gel-can-black-crystal-bardaklik-oto-arac-kokusu-433-ff5ddf50.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\/areon-gel-can-black-crystal-bardaklik-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon Gel Can Black Crystal Bardaklik Oto Ara\u00e7 Kokusu\" title=\"Areon Gel Can Black Crystal Bardaklik Oto Ara\u00e7 Kokusu\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/areon-gel-can-black-crystal-bardaklik-oto-arac-kokusu-433-ff5ddf50.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/areon-gel-can-black-crystal-bardaklik-oto-arac-kokusu-433-ff5ddf50.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/areon-gel-can-black-crystal-bardaklik-oto-arac-kokusu-433-ff5ddf50.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon Gel Can Black Crystal Bardaklik Oto Ara\u00e7 Kokusu - Oto Kokular\"\n                         title=\"Areon Gel Can Black Crystal Bardaklik Oto Ara\u00e7 Kokusu - Oto Kokular\"\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>\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\/areon-gel-can-black-crystal-bardaklik-oto-arac-kokusu\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Areon Gel Can Black Crystal Bardaklik Oto Ara\u00e7 Kokusu\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Oto Kokular<\/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\/areon\" title=\"Areon\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Areon<\/a> Gel Can Black Crystal Bardaklik Oto Ara\u00e7 Kokusu\n                    <\/p>\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                500 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"5980\" 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\/areon-gel-can-bubble-gum-bardaklik-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/areon-gel-can-bubble-gum-bardaklik-oto-arac-kokusu-342-f1635fa6.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\/areon-gel-can-bubble-gum-bardaklik-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon Gel Can Bubble Gum Bardaklik Oto Ara\u00e7 Kokusu\" title=\"Areon Gel Can Bubble Gum Bardaklik Oto Ara\u00e7 Kokusu\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/areon-gel-can-bubble-gum-bardaklik-oto-arac-kokusu-342-f1635fa6.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/areon-gel-can-bubble-gum-bardaklik-oto-arac-kokusu-342-f1635fa6.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/areon-gel-can-bubble-gum-bardaklik-oto-arac-kokusu-342-f1635fa6.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon Gel Can Bubble Gum Bardaklik Oto Ara\u00e7 Kokusu - Oto Kokular\"\n                         title=\"Areon Gel Can Bubble Gum Bardaklik Oto Ara\u00e7 Kokusu - Oto Kokular\"\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>\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\/areon-gel-can-bubble-gum-bardaklik-oto-arac-kokusu\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Areon Gel Can Bubble Gum Bardaklik Oto Ara\u00e7 Kokusu\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Oto Kokular<\/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\/areon\" title=\"Areon\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Areon<\/a> Gel Can Bubble Gum Bardaklik Oto Ara\u00e7 Kokusu\n                    <\/p>\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                500 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"5946\" 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\/cici-sahin-ayakli-2-r450-universal-panaromik-ic-dikiz-aynasi-300x80-mm\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/4267_3a2e229d29fa9b6c22c7af45d675c056.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/4267_4e1bf710c5b667f8489c23442e91ce30.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/4267_666619846d29bcf679c0fb0a14efb098.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/4267_3305ce41c0da96f934d177739d7a898b.webp\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: true,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n            <a href=\"https:\/\/otopist.tr\/urun\/cici-sahin-ayakli-2-r450-universal-panaromik-ic-dikiz-aynasi-300x80-mm\" class=\"absolute inset-0 z-[2]\" aria-label=\"Cici \u015eahin Ayakl\u0131-2 R450 Universal Panaromik \u0130\u00e7 Dikiz Aynas\u0131 \/ 300X80 mm\" title=\"Cici \u015eahin Ayakl\u0131-2 R450 Universal Panaromik \u0130\u00e7 Dikiz Aynas\u0131 \/ 300X80 mm\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/4267_3a2e229d29fa9b6c22c7af45d675c056.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/4267_3a2e229d29fa9b6c22c7af45d675c056.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/4267_3a2e229d29fa9b6c22c7af45d675c056.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Cici \u015eahin Ayakl\u0131-2 R450 Universal Panaromik \u0130\u00e7 Dikiz Aynas\u0131 \/ 300X80 mm - Panaromik Ayna\"\n                         title=\"Cici \u015eahin Ayakl\u0131-2 R450 Universal Panaromik \u0130\u00e7 Dikiz Aynas\u0131 \/ 300X80 mm - Panaromik Ayna\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                    <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/4267_4e1bf710c5b667f8489c23442e91ce30.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/4267_4e1bf710c5b667f8489c23442e91ce30.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/4267_4e1bf710c5b667f8489c23442e91ce30.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Cici \u015eahin Ayakl\u0131-2 R450 Universal Panaromik \u0130\u00e7 Dikiz Aynas\u0131 \/ 300X80 mm - Panaromik Ayna\"\n                         title=\"Cici \u015eahin Ayakl\u0131-2 R450 Universal Panaromik \u0130\u00e7 Dikiz Aynas\u0131 \/ 300X80 mm - Panaromik Ayna\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 1 ? '1' : '0') + ';z-index:' + (activeImage === 1 ? '1' : '0')\">\n                                    <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/4267_666619846d29bcf679c0fb0a14efb098.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/4267_666619846d29bcf679c0fb0a14efb098.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/4267_666619846d29bcf679c0fb0a14efb098.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Cici \u015eahin Ayakl\u0131-2 R450 Universal Panaromik \u0130\u00e7 Dikiz Aynas\u0131 \/ 300X80 mm - Panaromik Ayna\"\n                         title=\"Cici \u015eahin Ayakl\u0131-2 R450 Universal Panaromik \u0130\u00e7 Dikiz Aynas\u0131 \/ 300X80 mm - Panaromik Ayna\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 2 ? '1' : '0') + ';z-index:' + (activeImage === 2 ? '1' : '0')\">\n                                    <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/4267_3305ce41c0da96f934d177739d7a898b.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/4267_3305ce41c0da96f934d177739d7a898b.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/4267_3305ce41c0da96f934d177739d7a898b.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Cici \u015eahin Ayakl\u0131-2 R450 Universal Panaromik \u0130\u00e7 Dikiz Aynas\u0131 \/ 300X80 mm - Panaromik Ayna\"\n                         title=\"Cici \u015eahin Ayakl\u0131-2 R450 Universal Panaromik \u0130\u00e7 Dikiz Aynas\u0131 \/ 300X80 mm - Panaromik Ayna\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 3 ? '1' : '0') + ';z-index:' + (activeImage === 3 ? '1' : '0')\">\n                                                                    <div class=\"pointer-events-none absolute bottom-2 left-1\/2 z-20 flex -translate-x-1\/2 gap-1 opacity-0 transition-opacity group-hover:opacity-100\">\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 0 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 1 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 2 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 3 ? 'is-active' : ''\"><\/span>\n                                            <\/div>\n                            \n            \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\/cici-sahin-ayakli-2-r450-universal-panaromik-ic-dikiz-aynasi-300x80-mm\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Cici \u015eahin Ayakl\u0131-2 R450 Universal Panaromik \u0130\u00e7 Dikiz Aynas\u0131 \/ 300X80 mm\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Panaromik Ayna<\/p>\n\n        <p class=\"line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] dark:text-white\">\n                            Cici \u015eahin Ayakl\u0131-2 R450 Universal Panaromik \u0130\u00e7 Dikiz Aynas\u0131 \/ 300X80 mm\n                    <\/p>\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                700 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"5945\" 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\/wimbledon-3d-kabartma-silikon-ve-karbon-direksiyon-kilifi\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/uploads\\\\\\\/karbon-silikon-1787729272\\\\\\\/110000931899920-1787729284.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/uploads\\\\\\\/karbon-silikon-1787729272\\\\\\\/110000931904965-1787729286.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/uploads\\\\\\\/karbon-silikon-1787729272\\\\\\\/110000931908904-1787729289.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/uploads\\\\\\\/karbon-silikon-1787729272\\\\\\\/110000931912617-1787729290.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/uploads\\\\\\\/karbon-silikon-1787729272\\\\\\\/110000931899921-1787729285.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/uploads\\\\\\\/karbon-silikon-1787729272\\\\\\\/110000414461755-1787729283.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/uploads\\\\\\\/karbon-silikon-1787729272\\\\\\\/110000414461754-1787729283.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/uploads\\\\\\\/karbon-silikon-1787729272\\\\\\\/110000931904966-1787729286.webp\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: true,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n            <a href=\"https:\/\/otopist.tr\/urun\/wimbledon-3d-kabartma-silikon-ve-karbon-direksiyon-kilifi\" class=\"absolute inset-0 z-[2]\" aria-label=\"Wimbledon 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131\" title=\"Wimbledon 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/karbon-silikon-1787729272\/110000931899920-1787729284.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/uploads\/karbon-silikon-1787729272\/110000931899920-1787729284.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/karbon-silikon-1787729272\/110000931899920-1787729284.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Wimbledon 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131 - Ge\u00e7meli\"\n                         title=\"Wimbledon 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131 - Ge\u00e7meli\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                    <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/karbon-silikon-1787729272\/110000931904965-1787729286.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/uploads\/karbon-silikon-1787729272\/110000931904965-1787729286.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/karbon-silikon-1787729272\/110000931904965-1787729286.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Wimbledon 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131 - Ge\u00e7meli\"\n                         title=\"Wimbledon 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131 - Ge\u00e7meli\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 1 ? '1' : '0') + ';z-index:' + (activeImage === 1 ? '1' : '0')\">\n                                    <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/karbon-silikon-1787729272\/110000931908904-1787729289.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/uploads\/karbon-silikon-1787729272\/110000931908904-1787729289.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/karbon-silikon-1787729272\/110000931908904-1787729289.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Wimbledon 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131 - Ge\u00e7meli\"\n                         title=\"Wimbledon 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131 - Ge\u00e7meli\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 2 ? '1' : '0') + ';z-index:' + (activeImage === 2 ? '1' : '0')\">\n                                    <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/karbon-silikon-1787729272\/110000931912617-1787729290.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/uploads\/karbon-silikon-1787729272\/110000931912617-1787729290.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/karbon-silikon-1787729272\/110000931912617-1787729290.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Wimbledon 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131 - Ge\u00e7meli\"\n                         title=\"Wimbledon 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131 - Ge\u00e7meli\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 3 ? '1' : '0') + ';z-index:' + (activeImage === 3 ? '1' : '0')\">\n                                    <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/karbon-silikon-1787729272\/110000931899921-1787729285.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/uploads\/karbon-silikon-1787729272\/110000931899921-1787729285.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/karbon-silikon-1787729272\/110000931899921-1787729285.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Wimbledon 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131 - Ge\u00e7meli\"\n                         title=\"Wimbledon 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131 - Ge\u00e7meli\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 4 ? '1' : '0') + ';z-index:' + (activeImage === 4 ? '1' : '0')\">\n                                    <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/karbon-silikon-1787729272\/110000414461755-1787729283.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/uploads\/karbon-silikon-1787729272\/110000414461755-1787729283.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/karbon-silikon-1787729272\/110000414461755-1787729283.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Wimbledon 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131 - Ge\u00e7meli\"\n                         title=\"Wimbledon 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131 - Ge\u00e7meli\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 5 ? '1' : '0') + ';z-index:' + (activeImage === 5 ? '1' : '0')\">\n                                    <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/karbon-silikon-1787729272\/110000414461754-1787729283.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/uploads\/karbon-silikon-1787729272\/110000414461754-1787729283.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/karbon-silikon-1787729272\/110000414461754-1787729283.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Wimbledon 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131 - Ge\u00e7meli\"\n                         title=\"Wimbledon 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131 - Ge\u00e7meli\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 6 ? '1' : '0') + ';z-index:' + (activeImage === 6 ? '1' : '0')\">\n                                    <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/karbon-silikon-1787729272\/110000931904966-1787729286.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/uploads\/karbon-silikon-1787729272\/110000931904966-1787729286.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/karbon-silikon-1787729272\/110000931904966-1787729286.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Wimbledon 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131 - Ge\u00e7meli\"\n                         title=\"Wimbledon 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131 - Ge\u00e7meli\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 7 ? '1' : '0') + ';z-index:' + (activeImage === 7 ? '1' : '0')\">\n                                                                    <div class=\"pointer-events-none absolute bottom-2 left-1\/2 z-20 flex -translate-x-1\/2 gap-1 opacity-0 transition-opacity group-hover:opacity-100\">\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 0 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 1 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 2 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 3 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 4 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 5 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 6 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 7 ? 'is-active' : ''\"><\/span>\n                                            <\/div>\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]\">Resmi Sat\u0131c\u0131<\/span>\n            <\/div>\n                    <\/div>\n\n                    <div class=\"shop-product-card-variant-overlay pointer-events-none absolute inset-x-0 bottom-0 z-20 h-32 opacity-0 transition-opacity duration-200 max-lg:opacity-100 lg:group-hover:opacity-100\"><\/div>\n            <div class=\"shop-product-card-variant-picker absolute inset-x-3 z-30 flex max-w-[calc(100%-1.5rem)] gap-1.5 overflow-x-auto rounded-2xl border border-white\/70 bg-white\/55 p-1.5 opacity-0 backdrop-blur-md transition-all duration-200 max-lg:opacity-100 lg:group-hover:opacity-100 bottom-8\">\n                                                        <button type=\"button\"\n                            title=\"Siyah Kahve\"\n                            aria-label=\"Siyah Kahve se\u00e7\"\n                            @click.stop=\"selectedVariantId = 1361\"\n                            class=\"shop-product-card-variant flex h-8 shrink-0 items-center gap-1.5 rounded-xl border border-white\/80 bg-white\/95 px-2.5 text-[11px] font-semibold text-gray-700 transition hover:-translate-y-px hover:bg-white\"\n                            :class=\"selectedVariantId === 1361 ? 'is-selected' : ''\">\n                                                    <span class=\"size-3 shrink-0 rounded-full border border-black\/15\" style=\"background: linear-gradient(135deg, #c45d31 30%, #292929 100%)\"><\/span>\n                                                <span class=\"truncate\">Siyah Kahve<\/span>\n                    <\/button>\n                                                        <button type=\"button\"\n                            title=\"Siyah Bej\"\n                            aria-label=\"Siyah Bej se\u00e7\"\n                            @click.stop=\"selectedVariantId = 1362\"\n                            class=\"shop-product-card-variant flex h-8 shrink-0 items-center gap-1.5 rounded-xl border border-white\/80 bg-white\/95 px-2.5 text-[11px] font-semibold text-gray-700 transition hover:-translate-y-px hover:bg-white\"\n                            :class=\"selectedVariantId === 1362 ? 'is-selected' : ''\">\n                                                    <span class=\"size-3 shrink-0 rounded-full border border-black\/15\" style=\"background: linear-gradient(135deg, #ecdac1 30%, #000000 100%)\"><\/span>\n                                                <span class=\"truncate\">Siyah Bej<\/span>\n                    <\/button>\n                                                        <button type=\"button\"\n                            title=\"Siyah Mavi\"\n                            aria-label=\"Siyah Mavi se\u00e7\"\n                            @click.stop=\"selectedVariantId = 1363\"\n                            class=\"shop-product-card-variant flex h-8 shrink-0 items-center gap-1.5 rounded-xl border border-white\/80 bg-white\/95 px-2.5 text-[11px] font-semibold text-gray-700 transition hover:-translate-y-px hover:bg-white\"\n                            :class=\"selectedVariantId === 1363 ? 'is-selected' : ''\">\n                                                    <span class=\"size-3 shrink-0 rounded-full border border-black\/15\" style=\"background: linear-gradient(135deg, #265ddf 30%, #171717 100%)\"><\/span>\n                                                <span class=\"truncate\">Siyah Mavi<\/span>\n                    <\/button>\n                                                        <button type=\"button\"\n                            title=\"Siyah Sar\u0131\"\n                            aria-label=\"Siyah Sar\u0131 se\u00e7\"\n                            @click.stop=\"selectedVariantId = 1364\"\n                            class=\"shop-product-card-variant flex h-8 shrink-0 items-center gap-1.5 rounded-xl border border-white\/80 bg-white\/95 px-2.5 text-[11px] font-semibold text-gray-700 transition hover:-translate-y-px hover:bg-white\"\n                            :class=\"selectedVariantId === 1364 ? 'is-selected' : ''\">\n                                                    <span class=\"size-3 shrink-0 rounded-full border border-black\/15\" style=\"background: linear-gradient(135deg, #ffdd00 30%, #6b5e0a 100%)\"><\/span>\n                                                <span class=\"truncate\">Siyah Sar\u0131<\/span>\n                    <\/button>\n                            <\/div>\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\/wimbledon-3d-kabartma-silikon-ve-karbon-direksiyon-kilifi\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Wimbledon 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Ge\u00e7meli<\/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\/wimbledon\" title=\"Wimbledon\" onclick=\"event.stopPropagation()\" class=\"product-brand-link\">Wimbledon<\/a> 3D Kabartma Silikon ve Karbon Direksiyon K\u0131l\u0131f\u0131\n                    <\/p>\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                599 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"5944\" 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-emniyet-kemeri-rahatlatici-2-adet\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/1205_0e1f26e2b55f18d97a2aa10b089df9c2.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/1205_de37e4e5d543660df9488d098f25449c.webp\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: true,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n            <a href=\"https:\/\/otopist.tr\/urun\/automix-emniyet-kemeri-rahatlatici-2-adet\" class=\"absolute inset-0 z-[2]\" aria-label=\"Automix Emniyet Kemeri Rahatlat\u0131c\u0131 - 2 Adet\" title=\"Automix Emniyet Kemeri Rahatlat\u0131c\u0131 - 2 Adet\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/1205_0e1f26e2b55f18d97a2aa10b089df9c2.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/1205_0e1f26e2b55f18d97a2aa10b089df9c2.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/1205_0e1f26e2b55f18d97a2aa10b089df9c2.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix Emniyet Kemeri Rahatlat\u0131c\u0131 - 2 Adet - Kemer Tokas\u0131\"\n                         title=\"Automix Emniyet Kemeri Rahatlat\u0131c\u0131 - 2 Adet - Kemer Tokas\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                                    <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/1205_de37e4e5d543660df9488d098f25449c.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/1205_de37e4e5d543660df9488d098f25449c.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/1205_de37e4e5d543660df9488d098f25449c.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix Emniyet Kemeri Rahatlat\u0131c\u0131 - 2 Adet - Kemer Tokas\u0131\"\n                         title=\"Automix Emniyet Kemeri Rahatlat\u0131c\u0131 - 2 Adet - Kemer Tokas\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: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 1 ? '1' : '0') + ';z-index:' + (activeImage === 1 ? '1' : '0')\">\n                                                                    <div class=\"pointer-events-none absolute bottom-2 left-1\/2 z-20 flex -translate-x-1\/2 gap-1 opacity-0 transition-opacity group-hover:opacity-100\">\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 0 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 1 ? 'is-active' : ''\"><\/span>\n                                            <\/div>\n                            \n            \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-emniyet-kemeri-rahatlatici-2-adet\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Automix Emniyet Kemeri Rahatlat\u0131c\u0131 - 2 Adet\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Kemer Tokas\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> Emniyet Kemeri Rahatlat\u0131c\u0131 - 2 Adet\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                        \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                199 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"5943\" 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-visko-boyun-destek-yastigi-arac-koltugu-boyun-yastigi-ergonomik-oto-yastik\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/9FBxShNPotq4JWou4ml8.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/ZxO5Y5geHCItQpOWyf2L.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/rlsgfS5tVtBbxFT8KkLB.webp\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: true,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n            <a href=\"https:\/\/otopist.tr\/urun\/automix-visko-boyun-destek-yastigi-arac-koltugu-boyun-yastigi-ergonomik-oto-yastik\" class=\"absolute inset-0 z-[2]\" aria-label=\"Automix Visko Boyun Destek Yast\u0131\u011f\u0131 \u2013 Ara\u00e7 Koltu\u011fu Boyun Yast\u0131\u011f\u0131, Ergonomik Oto Yast\u0131k - Siyah\" title=\"Automix Visko Boyun Destek Yast\u0131\u011f\u0131 \u2013 Ara\u00e7 Koltu\u011fu Boyun Yast\u0131\u011f\u0131, Ergonomik Oto Yast\u0131k - Siyah\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/9FBxShNPotq4JWou4ml8.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/9FBxShNPotq4JWou4ml8.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/9FBxShNPotq4JWou4ml8.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix Visko Boyun Destek Yast\u0131\u011f\u0131 \u2013 Ara\u00e7 Koltu\u011fu Boyun Yast\u0131\u011f\u0131, Ergonomik Oto Yast\u0131k - Siyah - Boyun Yast\u0131\u011f\u0131\"\n                         title=\"Automix Visko Boyun Destek Yast\u0131\u011f\u0131 \u2013 Ara\u00e7 Koltu\u011fu Boyun Yast\u0131\u011f\u0131, Ergonomik Oto Yast\u0131k - Siyah - Boyun Yast\u0131\u011f\u0131\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                    <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/ZxO5Y5geHCItQpOWyf2L.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/ZxO5Y5geHCItQpOWyf2L.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/ZxO5Y5geHCItQpOWyf2L.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix Visko Boyun Destek Yast\u0131\u011f\u0131 \u2013 Ara\u00e7 Koltu\u011fu Boyun Yast\u0131\u011f\u0131, Ergonomik Oto Yast\u0131k - Siyah - Boyun Yast\u0131\u011f\u0131\"\n                         title=\"Automix Visko Boyun Destek Yast\u0131\u011f\u0131 \u2013 Ara\u00e7 Koltu\u011fu Boyun Yast\u0131\u011f\u0131, Ergonomik Oto Yast\u0131k - Siyah - Boyun Yast\u0131\u011f\u0131\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 1 ? '1' : '0') + ';z-index:' + (activeImage === 1 ? '1' : '0')\">\n                                    <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/rlsgfS5tVtBbxFT8KkLB.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/rlsgfS5tVtBbxFT8KkLB.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/rlsgfS5tVtBbxFT8KkLB.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix Visko Boyun Destek Yast\u0131\u011f\u0131 \u2013 Ara\u00e7 Koltu\u011fu Boyun Yast\u0131\u011f\u0131, Ergonomik Oto Yast\u0131k - Siyah - Boyun Yast\u0131\u011f\u0131\"\n                         title=\"Automix Visko Boyun Destek Yast\u0131\u011f\u0131 \u2013 Ara\u00e7 Koltu\u011fu Boyun Yast\u0131\u011f\u0131, Ergonomik Oto Yast\u0131k - Siyah - Boyun Yast\u0131\u011f\u0131\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 2 ? '1' : '0') + ';z-index:' + (activeImage === 2 ? '1' : '0')\">\n                                                                    <div class=\"pointer-events-none absolute bottom-2 left-1\/2 z-20 flex -translate-x-1\/2 gap-1 opacity-0 transition-opacity group-hover:opacity-100\">\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 0 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 1 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 2 ? 'is-active' : ''\"><\/span>\n                                            <\/div>\n                            \n            \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-visko-boyun-destek-yastigi-arac-koltugu-boyun-yastigi-ergonomik-oto-yastik\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Automix Visko Boyun Destek Yast\u0131\u011f\u0131 \u2013 Ara\u00e7 Koltu\u011fu Boyun Yast\u0131\u011f\u0131, Ergonomik Oto Yast\u0131k - Siyah\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Boyun Yast\u0131\u011f\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> Visko Boyun Destek Yast\u0131\u011f\u0131 \u2013 Ara\u00e7 Koltu\u011fu Boyun Yast\u0131\u011f\u0131, Ergonomik Oto Yast\u0131k - Siyah\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                        \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                549 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"2731\" 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-grip-visko-bel-destegi-ve-visko-boyun-yastigi-surus-konfor-paketi\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/uploads\\\\\\\/gripvisko-boyun-1786620419.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/automix_super_grip_visko_bel_d_1756461189_4cc2a549.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/NppN31mE1BigN4wiFrCg.webp\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: true,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n            <a href=\"https:\/\/otopist.tr\/urun\/automix-super-grip-visko-bel-destegi-ve-visko-boyun-yastigi-surus-konfor-paketi\" class=\"absolute inset-0 z-[2]\" aria-label=\"Automix S\u00fcper Grip Visko Bel Deste\u011fi ve Visko Boyun Yast\u0131\u011f\u0131 - S\u00fcr\u00fc\u015f Konfor Paketi\" title=\"Automix S\u00fcper Grip Visko Bel Deste\u011fi ve Visko Boyun Yast\u0131\u011f\u0131 - S\u00fcr\u00fc\u015f Konfor Paketi\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/gripvisko-boyun-1786620419.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/uploads\/gripvisko-boyun-1786620419.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/uploads\/gripvisko-boyun-1786620419.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix S\u00fcper Grip Visko Bel Deste\u011fi ve Visko Boyun Yast\u0131\u011f\u0131 - S\u00fcr\u00fc\u015f Konfor Paketi - Bel Deste\u011fi\"\n                         title=\"Automix S\u00fcper Grip Visko Bel Deste\u011fi ve Visko Boyun Yast\u0131\u011f\u0131 - S\u00fcr\u00fc\u015f Konfor Paketi - Bel Deste\u011fi\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                    <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/automix_super_grip_visko_bel_d_1756461189_4cc2a549.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/automix_super_grip_visko_bel_d_1756461189_4cc2a549.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/automix_super_grip_visko_bel_d_1756461189_4cc2a549.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix S\u00fcper Grip Visko Bel Deste\u011fi ve Visko Boyun Yast\u0131\u011f\u0131 - S\u00fcr\u00fc\u015f Konfor Paketi - Bel Deste\u011fi\"\n                         title=\"Automix S\u00fcper Grip Visko Bel Deste\u011fi ve Visko Boyun Yast\u0131\u011f\u0131 - S\u00fcr\u00fc\u015f Konfor Paketi - Bel Deste\u011fi\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 1 ? '1' : '0') + ';z-index:' + (activeImage === 1 ? '1' : '0')\">\n                                    <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/NppN31mE1BigN4wiFrCg.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/NppN31mE1BigN4wiFrCg.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/NppN31mE1BigN4wiFrCg.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix S\u00fcper Grip Visko Bel Deste\u011fi ve Visko Boyun Yast\u0131\u011f\u0131 - S\u00fcr\u00fc\u015f Konfor Paketi - Bel Deste\u011fi\"\n                         title=\"Automix S\u00fcper Grip Visko Bel Deste\u011fi ve Visko Boyun Yast\u0131\u011f\u0131 - S\u00fcr\u00fc\u015f Konfor Paketi - Bel Deste\u011fi\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 2 ? '1' : '0') + ';z-index:' + (activeImage === 2 ? '1' : '0')\">\n                                                                    <div class=\"pointer-events-none absolute bottom-2 left-1\/2 z-20 flex -translate-x-1\/2 gap-1 opacity-0 transition-opacity group-hover:opacity-100\">\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 0 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 1 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 2 ? 'is-active' : ''\"><\/span>\n                                            <\/div>\n                            \n            \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-grip-visko-bel-destegi-ve-visko-boyun-yastigi-surus-konfor-paketi\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Automix S\u00fcper Grip Visko Bel Deste\u011fi ve Visko Boyun Yast\u0131\u011f\u0131 - S\u00fcr\u00fc\u015f Konfor Paketi\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Bel Deste\u011fi<\/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 Grip Visko Bel Deste\u011fi ve Visko Boyun Yast\u0131\u011f\u0131 - S\u00fcr\u00fc\u015f Konfor Paketi\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                        \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                1.299 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"2730\" 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-bagaj-ici-halifleks-kalin-malzeme-sabitleyici-cirtli\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/FI8FxjJqZZPfc1Ty3o0v.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/kftZs8p6QUDrw609bnPH.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/wrxVQctiR08aPsC1DYQh.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/GAQL5hMvFpF13spDVZXu.webp\\u0022]'),\n            activeImage: 0,\n            selectedVariantId: null,\n            previewEnabled: true,\n            secondEnabled: false,\n            init() {\n                const media = this.$refs.media;\n                if (!media) return;\n                media.addEventListener('mousemove', (e) => this.onCardMove(e), { passive: true });\n                media.addEventListener('mouseenter', () => this.onCardEnter());\n                media.addEventListener('mouseleave', () => this.onCardLeave());\n            },\n            onCardEnter() {\n                if (this.secondEnabled && this.images.length > 1) this.activeImage = 1;\n            },\n            onCardLeave() {\n                this.activeImage = 0;\n            },\n            onCardMove(event) {\n                if (!this.previewEnabled || this.images.length < 2) return;\n                const media = this.$refs.media;\n                if (!media) return;\n                const rect = media.getBoundingClientRect();\n                const progress = Math.min(Math.max((event.clientX - rect.left) \/ rect.width, 0), 0.9999);\n                const nextImage = Math.floor(progress * this.images.length);\n                if (nextImage !== this.activeImage) this.activeImage = nextImage;\n            }\n         }\">\n        <div class=\"relative\">\n        <div x-ref=\"media\"\n             class=\"shop-product-card-media relative overflow-hidden bg-[#f7f7f7] rounded-t-2xl\"\n             style=\"aspect-ratio: 4\/5\">\n            <a href=\"https:\/\/otopist.tr\/urun\/automix-bagaj-ici-halifleks-kalin-malzeme-sabitleyici-cirtli\" class=\"absolute inset-0 z-[2]\" aria-label=\"Automix Bagaj \u0130\u00e7i Hal\u0131fleks Kal\u0131n Malzeme Sabitleyici \/ C\u0131rtl\u0131\" title=\"Automix Bagaj \u0130\u00e7i Hal\u0131fleks Kal\u0131n Malzeme Sabitleyici \/ C\u0131rtl\u0131\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/FI8FxjJqZZPfc1Ty3o0v.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/FI8FxjJqZZPfc1Ty3o0v.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/FI8FxjJqZZPfc1Ty3o0v.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix Bagaj \u0130\u00e7i Hal\u0131fleks Kal\u0131n Malzeme Sabitleyici \/ C\u0131rtl\u0131 - Bagaj Lasti\u011fi\"\n                         title=\"Automix Bagaj \u0130\u00e7i Hal\u0131fleks Kal\u0131n Malzeme Sabitleyici \/ C\u0131rtl\u0131 - Bagaj Lasti\u011fi\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                    <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/kftZs8p6QUDrw609bnPH.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/kftZs8p6QUDrw609bnPH.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/kftZs8p6QUDrw609bnPH.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix Bagaj \u0130\u00e7i Hal\u0131fleks Kal\u0131n Malzeme Sabitleyici \/ C\u0131rtl\u0131 - Bagaj Lasti\u011fi\"\n                         title=\"Automix Bagaj \u0130\u00e7i Hal\u0131fleks Kal\u0131n Malzeme Sabitleyici \/ C\u0131rtl\u0131 - Bagaj Lasti\u011fi\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 1 ? '1' : '0') + ';z-index:' + (activeImage === 1 ? '1' : '0')\">\n                                    <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/wrxVQctiR08aPsC1DYQh.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/wrxVQctiR08aPsC1DYQh.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/wrxVQctiR08aPsC1DYQh.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix Bagaj \u0130\u00e7i Hal\u0131fleks Kal\u0131n Malzeme Sabitleyici \/ C\u0131rtl\u0131 - Bagaj Lasti\u011fi\"\n                         title=\"Automix Bagaj \u0130\u00e7i Hal\u0131fleks Kal\u0131n Malzeme Sabitleyici \/ C\u0131rtl\u0131 - Bagaj Lasti\u011fi\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 2 ? '1' : '0') + ';z-index:' + (activeImage === 2 ? '1' : '0')\">\n                                    <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/GAQL5hMvFpF13spDVZXu.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/GAQL5hMvFpF13spDVZXu.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/GAQL5hMvFpF13spDVZXu.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix Bagaj \u0130\u00e7i Hal\u0131fleks Kal\u0131n Malzeme Sabitleyici \/ C\u0131rtl\u0131 - Bagaj Lasti\u011fi\"\n                         title=\"Automix Bagaj \u0130\u00e7i Hal\u0131fleks Kal\u0131n Malzeme Sabitleyici \/ C\u0131rtl\u0131 - Bagaj Lasti\u011fi\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 0; z-index: 0;\"\n                         :style=\"'opacity:' + (activeImage === 3 ? '1' : '0') + ';z-index:' + (activeImage === 3 ? '1' : '0')\">\n                                                                    <div class=\"pointer-events-none absolute bottom-2 left-1\/2 z-20 flex -translate-x-1\/2 gap-1 opacity-0 transition-opacity group-hover:opacity-100\">\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 0 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 1 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 2 ? 'is-active' : ''\"><\/span>\n                                                    <span class=\"shop-product-preview-dot size-1.5 rounded-full border transition-colors\" :class=\"activeImage === 3 ? 'is-active' : ''\"><\/span>\n                                            <\/div>\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-bagaj-ici-halifleks-kalin-malzeme-sabitleyici-cirtli\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Automix Bagaj \u0130\u00e7i Hal\u0131fleks Kal\u0131n Malzeme Sabitleyici \/ C\u0131rtl\u0131\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Bagaj Lasti\u011fi<\/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> Bagaj \u0130\u00e7i Hal\u0131fleks Kal\u0131n Malzeme Sabitleyici \/ C\u0131rtl\u0131\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                        \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                169,90 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n","hasMore":true,"nextPageUrl":"https:\/\/otopist.tr\/magaza\/oto-ic-aksesuar?page=3"}