{"html":"<article data-product-id=\"2710\" 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-file-cep-organizer-24-cm-x-50-cm\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/uploads\\\\\\\/filecep-1787344361.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/uploads\\\\\\\/chatgpt-image-21-agu-2026-23-37-58-1787344729.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/uploads\\\\\\\/chatgpt-image-21-agu-2026-23-42-14-1787344944.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/uploads\\\\\\\/3-1787344945.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/uploads\\\\\\\/chatgpt-image-21-agu-2026-23-42-58-1787344991.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-file-cep-organizer-24-cm-x-50-cm\" class=\"absolute inset-0 z-[2]\" aria-label=\"Automix File Cep Organizer 24 Cm X 50 Cm\" title=\"Automix File Cep Organizer 24 Cm X 50 Cm\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/uploads\/filecep-1787344361.webp\"\n                                                  alt=\"Automix File Cep Organizer 24 Cm X 50 Cm - Bagaj Lasti\u011fi\"\n                         title=\"Automix File Cep Organizer 24 Cm X 50 Cm - 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\/uploads\/chatgpt-image-21-agu-2026-23-37-58-1787344729.webp\"\n                                                  alt=\"Automix File Cep Organizer 24 Cm X 50 Cm - Bagaj Lasti\u011fi\"\n                         title=\"Automix File Cep Organizer 24 Cm X 50 Cm - 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\/uploads\/chatgpt-image-21-agu-2026-23-42-14-1787344944.webp\"\n                                                  alt=\"Automix File Cep Organizer 24 Cm X 50 Cm - Bagaj Lasti\u011fi\"\n                         title=\"Automix File Cep Organizer 24 Cm X 50 Cm - 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\/uploads\/3-1787344945.webp\"\n                                                  alt=\"Automix File Cep Organizer 24 Cm X 50 Cm - Bagaj Lasti\u011fi\"\n                         title=\"Automix File Cep Organizer 24 Cm X 50 Cm - 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                                    <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/uploads\/chatgpt-image-21-agu-2026-23-42-58-1787344991.webp\"\n                                                  alt=\"Automix File Cep Organizer 24 Cm X 50 Cm - Bagaj Lasti\u011fi\"\n                         title=\"Automix File Cep Organizer 24 Cm X 50 Cm - 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 === 4 ? '1' : '0') + ';z-index:' + (activeImage === 4 ? '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                                            <\/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-file-cep-organizer-24-cm-x-50-cm\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Automix File Cep Organizer 24 Cm X 50 Cm\"><\/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> File Cep Organizer 24 Cm X 50 Cm\n                    <\/p>\n\n        <span class=\"coupon-card-hint\" data-nosnippet>\n        <span class=\"coupon-card-hint__pill\">%10 Kupon<\/span>\n    <\/span>\n\n                <div\n        class=\"product-rating-row product-rating-row--card\"\n                aria-label=\"76 de\u011ferlendirme, ortalama 4,5 puan\"\n    >\n        <span class=\"product-rating-row__score\">4,5<\/span>\n        <span class=\"product-rating-row__stars\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                    <\/span>\n            <\/div>\n        \n        <div class=\"mt-2 flex items-end justify-between gap-2\" >\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=\"2709\" 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-3lu-elastik-bagaj-sabitleyici-lastik-seti-58cm-43cm-33cm\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/Y5WREtgviR3xj1jQR5Ue.webp\\u0022,\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/V1tjXnEzevqgmJaDgrOn.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-3lu-elastik-bagaj-sabitleyici-lastik-seti-58cm-43cm-33cm\" class=\"absolute inset-0 z-[2]\" aria-label=\"Automix 3l\u00fc Elastik Bagaj Sabitleyici Lastik Seti - 58cm, 43cm, 33cm\" title=\"Automix 3l\u00fc Elastik Bagaj Sabitleyici Lastik Seti - 58cm, 43cm, 33cm\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/Y5WREtgviR3xj1jQR5Ue.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/Y5WREtgviR3xj1jQR5Ue.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/Y5WREtgviR3xj1jQR5Ue.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix 3l\u00fc Elastik Bagaj Sabitleyici Lastik Seti - 58cm, 43cm, 33cm - Bagaj Lasti\u011fi\"\n                         title=\"Automix 3l\u00fc Elastik Bagaj Sabitleyici Lastik Seti - 58cm, 43cm, 33cm - 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\/V1tjXnEzevqgmJaDgrOn.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/V1tjXnEzevqgmJaDgrOn.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/V1tjXnEzevqgmJaDgrOn.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Automix 3l\u00fc Elastik Bagaj Sabitleyici Lastik Seti - 58cm, 43cm, 33cm - Bagaj Lasti\u011fi\"\n                         title=\"Automix 3l\u00fc Elastik Bagaj Sabitleyici Lastik Seti - 58cm, 43cm, 33cm - 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                                                                    <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-3lu-elastik-bagaj-sabitleyici-lastik-seti-58cm-43cm-33cm\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Automix 3l\u00fc Elastik Bagaj Sabitleyici Lastik Seti - 58cm, 43cm, 33cm\"><\/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> 3l\u00fc Elastik Bagaj Sabitleyici Lastik Seti - 58cm, 43cm, 33cm\n                    <\/p>\n\n        <span class=\"coupon-card-hint\" data-nosnippet>\n        <span class=\"coupon-card-hint__pill\">%10 Kupon<\/span>\n    <\/span>\n\n                <div\n        class=\"product-rating-row product-rating-row--card\"\n                aria-label=\"58 de\u011ferlendirme, ortalama 4,5 puan\"\n    >\n        <span class=\"product-rating-row__score\">4,5<\/span>\n        <span class=\"product-rating-row__stars\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                            <svg viewBox=\"0 0 64 64\" class=\"product-rating-row__star is-filled\"><path d=\"M63.893,24.277c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15 C33.479,0.448,32.773,0,31.998,0s-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343 c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957 c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719c0.302,0.166,0.636,0.25,0.968,0.25 c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704l14.294-14.657 C63.951,25.771,64.131,24.987,63.893,24.277z\"\/><\/svg>\n                    <\/span>\n            <\/div>\n        \n        <div class=\"mt-2 flex items-end justify-between gap-2\" >\n                        <div class=\"shop-product-price text-xl font-bold tracking-tight dark:text-white\">\n                199,90 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"2708\" 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-x-bubble-gum-kirmizi-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/3059_847dc754e148b7a94a2f3ad56e4b8397.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-x-bubble-gum-kirmizi-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon X Bubble Gum ( K\u0131rm\u0131z\u0131 ) Oto Ara\u00e7 Kokusu\" title=\"Areon X Bubble Gum ( K\u0131rm\u0131z\u0131 ) Oto Ara\u00e7 Kokusu\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3059_847dc754e148b7a94a2f3ad56e4b8397.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/3059_847dc754e148b7a94a2f3ad56e4b8397.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3059_847dc754e148b7a94a2f3ad56e4b8397.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon X Bubble Gum ( K\u0131rm\u0131z\u0131 ) Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         title=\"Areon X Bubble Gum ( K\u0131rm\u0131z\u0131 ) Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n            \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-x-bubble-gum-kirmizi-oto-arac-kokusu\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Areon X Bubble Gum ( K\u0131rm\u0131z\u0131 ) Oto Ara\u00e7 Kokusu\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma 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> X Bubble Gum ( K\u0131rm\u0131z\u0131 ) 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                129 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"2707\" 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-x-black-crystal-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/3060_27600a22d41f25248249c52d180a0cc7.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-x-black-crystal-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon X Black Crystal Oto Ara\u00e7 Kokusu\" title=\"Areon X Black Crystal Oto Ara\u00e7 Kokusu\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3060_27600a22d41f25248249c52d180a0cc7.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/3060_27600a22d41f25248249c52d180a0cc7.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3060_27600a22d41f25248249c52d180a0cc7.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon X Black Crystal Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         title=\"Areon X Black Crystal Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n            \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-x-black-crystal-oto-arac-kokusu\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Areon X Black Crystal Oto Ara\u00e7 Kokusu\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma 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> X Black Crystal 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                129 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"2706\" 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-x-vanilla-sari-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/3061_f6c100eeb2f6a4e176f751b0a75e844d.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-x-vanilla-sari-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon X Vanilla ( Sar\u0131 ) Oto Ara\u00e7 Kokusu\" title=\"Areon X Vanilla ( Sar\u0131 ) Oto Ara\u00e7 Kokusu\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3061_f6c100eeb2f6a4e176f751b0a75e844d.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/3061_f6c100eeb2f6a4e176f751b0a75e844d.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3061_f6c100eeb2f6a4e176f751b0a75e844d.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon X Vanilla ( Sar\u0131 ) Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         title=\"Areon X Vanilla ( Sar\u0131 ) Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n            \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-x-vanilla-sari-oto-arac-kokusu\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Areon X Vanilla ( Sar\u0131 ) Oto Ara\u00e7 Kokusu\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma 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> X Vanilla ( Sar\u0131 ) 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                129 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"2705\" 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-perfume-35ml-bubble-gum-sprey-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/3304_d0b6f8aaf67bd6f93a61f0d4cb0c1c46.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-perfume-35ml-bubble-gum-sprey-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon Perfume 35ML Bubble Gum Sprey Oto Ara\u00e7 Kokusu\" title=\"Areon Perfume 35ML Bubble Gum Sprey Oto Ara\u00e7 Kokusu\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3304_d0b6f8aaf67bd6f93a61f0d4cb0c1c46.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/3304_d0b6f8aaf67bd6f93a61f0d4cb0c1c46.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3304_d0b6f8aaf67bd6f93a61f0d4cb0c1c46.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon Perfume 35ML Bubble Gum Sprey Oto Ara\u00e7 Kokusu - Sprey Koku\"\n                         title=\"Areon Perfume 35ML Bubble Gum Sprey Oto Ara\u00e7 Kokusu - Sprey 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-perfume-35ml-bubble-gum-sprey-oto-arac-kokusu\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Areon Perfume 35ML Bubble Gum Sprey Oto Ara\u00e7 Kokusu\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Sprey Koku<\/p>\n\n        <p class=\"line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] dark:text-white\">\n                            Areon Perfume 35ML Bubble Gum Sprey 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                374 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"2704\" 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-perfume-35ml-vanilla-sprey-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/3305_08ca31e9683295e954067993f51897b2.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-perfume-35ml-vanilla-sprey-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon Perfume 35ML Vanilla Sprey Oto Ara\u00e7 Kokusu\" title=\"Areon Perfume 35ML Vanilla Sprey Oto Ara\u00e7 Kokusu\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3305_08ca31e9683295e954067993f51897b2.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/3305_08ca31e9683295e954067993f51897b2.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3305_08ca31e9683295e954067993f51897b2.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon Perfume 35ML Vanilla Sprey Oto Ara\u00e7 Kokusu - Sprey Koku\"\n                         title=\"Areon Perfume 35ML Vanilla Sprey Oto Ara\u00e7 Kokusu - Sprey 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-perfume-35ml-vanilla-sprey-oto-arac-kokusu\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Areon Perfume 35ML Vanilla Sprey Oto Ara\u00e7 Kokusu\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Sprey Koku<\/p>\n\n        <p class=\"line-clamp-2 text-[15px] font-medium leading-snug text-[#181411] dark:text-white\">\n                            Areon Perfume 35ML Vanilla Sprey 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                374 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"2703\" 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-fresco-on-off-regular-black-crystal-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/3310_7b85077e7d7ef72b73533d4507388617.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-fresco-on-off-regular-black-crystal-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon Fresco On-Off Regular Black Crystal Oto Ara\u00e7 Kokusu\" title=\"Areon Fresco On-Off Regular Black Crystal Oto Ara\u00e7 Kokusu\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3310_7b85077e7d7ef72b73533d4507388617.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/3310_7b85077e7d7ef72b73533d4507388617.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3310_7b85077e7d7ef72b73533d4507388617.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon Fresco On-Off Regular Black Crystal Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         title=\"Areon Fresco On-Off Regular Black Crystal Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n            \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-fresco-on-off-regular-black-crystal-oto-arac-kokusu\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Areon Fresco On-Off Regular Black Crystal Oto Ara\u00e7 Kokusu\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma 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> Fresco On-Off Regular Black Crystal 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                349 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"2702\" 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-fresco-on-off-regular-bubble-gum-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/3311_4f9a7f6888364cec62dd5bb623b1afb1.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-fresco-on-off-regular-bubble-gum-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon Fresco On-Off Regular Bubble Gum Oto Ara\u00e7 Kokusu\" title=\"Areon Fresco On-Off Regular Bubble Gum Oto Ara\u00e7 Kokusu\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3311_4f9a7f6888364cec62dd5bb623b1afb1.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/3311_4f9a7f6888364cec62dd5bb623b1afb1.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3311_4f9a7f6888364cec62dd5bb623b1afb1.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon Fresco On-Off Regular Bubble Gum Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         title=\"Areon Fresco On-Off Regular Bubble Gum Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n            \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-fresco-on-off-regular-bubble-gum-oto-arac-kokusu\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Areon Fresco On-Off Regular Bubble Gum Oto Ara\u00e7 Kokusu\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma 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> Fresco On-Off Regular Bubble Gum 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                349 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"2701\" 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-fresco-on-off-regular-vanilla-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/3312_187b18998471dd7874115ac6f0aa13d3.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-fresco-on-off-regular-vanilla-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon Fresco On-Off Regular Vanilla Oto Ara\u00e7 Kokusu\" title=\"Areon Fresco On-Off Regular Vanilla Oto Ara\u00e7 Kokusu\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3312_187b18998471dd7874115ac6f0aa13d3.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/3312_187b18998471dd7874115ac6f0aa13d3.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3312_187b18998471dd7874115ac6f0aa13d3.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon Fresco On-Off Regular Vanilla Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         title=\"Areon Fresco On-Off Regular Vanilla Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n            \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-fresco-on-off-regular-vanilla-oto-arac-kokusu\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Areon Fresco On-Off Regular Vanilla Oto Ara\u00e7 Kokusu\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma 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> Fresco On-Off Regular Vanilla 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                349 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"2700\" 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-fresco-on-off-sport-lux-platinium-oto-arac-kokusu\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/3314_ab8f1cba0bf393ec961aacea4a61d2c8.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-fresco-on-off-sport-lux-platinium-oto-arac-kokusu\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon Fresco On-Off Sport Lux Plat\u0131n\u0131um Oto Ara\u00e7 Kokusu\" title=\"Areon Fresco On-Off Sport Lux Plat\u0131n\u0131um Oto Ara\u00e7 Kokusu\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3314_ab8f1cba0bf393ec961aacea4a61d2c8.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/3314_ab8f1cba0bf393ec961aacea4a61d2c8.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3314_ab8f1cba0bf393ec961aacea4a61d2c8.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon Fresco On-Off Sport Lux Plat\u0131n\u0131um Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         title=\"Areon Fresco On-Off Sport Lux Plat\u0131n\u0131um Oto Ara\u00e7 Kokusu - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n            \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-fresco-on-off-sport-lux-platinium-oto-arac-kokusu\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Areon Fresco On-Off Sport Lux Plat\u0131n\u0131um Oto Ara\u00e7 Kokusu\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma 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> Fresco On-Off Sport Lux Plat\u0131n\u0131um 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                349 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n<article data-product-id=\"2695\" 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-smile-vanilla-oyuncak-karakter\"\n         x-data=\"{\n            images: JSON.parse('[\\u0022https:\\\\\\\/\\\\\\\/otopist.tr\\\\\\\/storage\\\\\\\/thumbs\\\\\\\/webp\\\\\\\/1200\\\\\\\/q88\\\\\\\/products\\\\\\\/3332_ab793efdf2f37d44b20f0bf4fc993723.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-smile-vanilla-oyuncak-karakter\" class=\"absolute inset-0 z-[2]\" aria-label=\"Areon Smile Vanilla (Oyuncak Karakter)\" title=\"Areon Smile Vanilla (Oyuncak Karakter)\"><\/a>\n                                                <img src=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3332_ab793efdf2f37d44b20f0bf4fc993723.webp\"\n                          srcset=\"https:\/\/otopist.tr\/storage\/thumbs\/webp\/600\/q88\/products\/3332_ab793efdf2f37d44b20f0bf4fc993723.webp 600w, https:\/\/otopist.tr\/storage\/thumbs\/webp\/1200\/q88\/products\/3332_ab793efdf2f37d44b20f0bf4fc993723.webp 1200w\" sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 420px\"                          alt=\"Areon Smile Vanilla (Oyuncak Karakter) - Asma Koku\"\n                         title=\"Areon Smile Vanilla (Oyuncak Karakter) - Asma Koku\"\n                         width=\"1200\"\n                         height=\"1200\"\n                         loading=\"lazy\"\n                         decoding=\"async\"\n                         x-on:error=\"if(!$el.dataset.fallback){$el.dataset.fallback='1';$el.removeAttribute('srcset');$el.alt='';$el.src='\/images\/placeholder.svg'}else{$el.alt='';$el.style.display='none'}\"\n                                                  class=\"shop-product-card-image pointer-events-none absolute inset-0 h-full w-full object-cover\"\n                         style=\"opacity: 1; z-index: 1;\"\n                         :style=\"'opacity:' + (activeImage === 0 ? '1' : '0') + ';z-index:' + (activeImage === 0 ? '1' : '0')\">\n                                                            \n            \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-smile-vanilla-oyuncak-karakter\" class=\"absolute inset-0 z-10\" aria-hidden=\"true\" tabindex=\"-1\" title=\"Areon Smile Vanilla (Oyuncak Karakter)\"><\/a>\n        <p class=\"mb-1.5 text-[11px] font-semibold text-gray-400 uppercase tracking-wider line-clamp-1\">Asma 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> Smile Vanilla (Oyuncak Karakter)\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                239 TL\n            <\/div>\n                    <\/div>\n\n        \n            <\/div>\n<\/article>\n","hasMore":true,"nextPageUrl":"https:\/\/otopist.tr\/magaza\/oto-ic-aksesuar?page=5"}