{"id":1635502,"date":"2026-04-21T14:08:36","date_gmt":"2026-04-21T11:08:36","guid":{"rendered":"https:\/\/www.gregioeshop.gr\/the-funky-metal\/"},"modified":"2026-04-21T14:29:53","modified_gmt":"2026-04-21T11:29:53","slug":"the-funky-metal","status":"publish","type":"page","link":"https:\/\/www.gregioeshop.gr\/en\/the-funky-metal\/","title":{"rendered":"THE FUNKY METAL"},"content":{"rendered":"<section class=\"pb-8 md:pb-12 align wp-block-product-grid\">\n    <div class=\"w-full ht-container\">\n\n        \n        <div class=\"grid grid-cols-2 sm:grid-cols-2 md:grid-cols-2 xl:grid-cols-5 2xl:grid-cols-5 gap-1.5 md:gap-2\">\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3OTM0LCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvbmVja2xhc2Utc2lsdmVyLTkyNS15ZWxsb3ctZ29sZC1wbGF0ZWQtNDhcLyIsInRpdGxlIjoiTmVja2xhc2Ugc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQiLCJsb2NhbGl6YXRpb24iOnsiZWwiOnsicG9zdF90aXRsZSI6Ilx1MDM5YVx1MDNiZlx1MDNiYlx1MDNiOVx1MDNhZCBcdTAzYjFcdTAzYzNcdTAzYWVcdTAzYmNcdTAzYjkgOTI1IFx1MDNiNVx1MDNjMFx1MDNiOVx1MDNjN1x1MDNjMVx1MDNjNVx1MDNjM1x1MDNjOVx1MDNiY1x1MDNhZFx1MDNiZFx1MDNiZiJ9LCJlbiI6eyJwb3N0X3RpdGxlIjoiTmVja2xhc2Ugc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdOUzc0NTY0IiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjQuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2NC5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2NC0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjQtMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiMTI5IiwicmVndWxhcl9wcmljZSI6IjEyOSIsInNhbGVfcHJpY2UiOm51bGwsInByaWNlX2h0bWwiOiI8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWFtb3VudCBhbW91bnRcIj48YmRpPjEyOSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+MTI5LDAwJm5ic3A7PHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1jdXJyZW5jeVN5bWJvbFwiPiZldXJvOzxcL3NwYW4+PFwvYmRpPjxcL3NwYW4+Iiwic2FsZV9wcmljZV9odG1sIjpudWxsLCJpc19vbl9zYWxlIjpmYWxzZSwiZGlzY291bnRfcGVyY2VudGFnZSI6MCwiYmFja29yZGVyX25vdGUiOiIiLCJhdHRyaWJ1dGVzX2FuZF9vcHRpb25zIjpbXSwidmFyaWF0aW9ucyI6W10sImNvbGxlY3Rpb25fbGlzdCI6IjxhIGhyZWY9XCJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvZ3JlZ2lvLWNhdGVnb3J5LWVuXC9mdW5reS1tZXRhbC1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkZ1bmt5IE1ldGFsPFwvYT4iLCJzdWJfY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9tZ3JvdXAtZW5cL2dsb3NzLWJvc3MtZW5cL1wiIGNsYXNzPVwidGV4dC1ib2R5IHVwcGVyY2FzZSB1bmRlcmxpbmVcIj5HbG9zcyBCb3NzPFwvYT4iLCJoYXNfcmluZ19zaXplcyI6ZmFsc2UsImxhc3RfdW5pdHMiOmZhbHNlLCJjcm9zc19zZWxscyI6W10sIm5ld19pbl9iYWRnZSI6ZmFsc2UsIm1ldGFsX3ZhcmlhdGlvbnMiOltdLCJjb2xvcl92YXJpYXRpb25zIjpbXSwibWF0ZXJpYWwiOiJTaWx2ZXIiLCJicmFuZCI6IiIsImNhdGVnb3JpZXMiOlsiTmVja2xhY2UiXSwibGlzdF9pZCI6bnVsbCwibGlzdF9uYW1lIjpudWxsfQ==') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/necklase-silver-925-yellow-gold-plated-48\/\" title=\"Necklase silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74564.jpg\" alt=\"Necklase silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74564-1.jpg\" alt=\"Necklase silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337934\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/necklase-silver-925-yellow-gold-plated-48\/\" title=\"Necklase silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Necklase silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GNS74564\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>129,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337934,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3OTM4LCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvbmVja2xhc2Utc2lsdmVyLTkyNS15ZWxsb3ctZ29sZC1wbGF0ZWQtNTJcLyIsInRpdGxlIjoiTmVja2xhc2Ugc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQiLCJsb2NhbGl6YXRpb24iOnsiZWwiOnsicG9zdF90aXRsZSI6Ilx1MDM5YVx1MDNiZlx1MDNiYlx1MDNiOVx1MDNhZCBcdTAzYjFcdTAzYzNcdTAzYWVcdTAzYmNcdTAzYjkgOTI1IFx1MDNiNVx1MDNjMFx1MDNiOVx1MDNjN1x1MDNjMVx1MDNjNVx1MDNjM1x1MDNjOVx1MDNiY1x1MDNhZFx1MDNiZFx1MDNiZiJ9LCJlbiI6eyJwb3N0X3RpdGxlIjoiTmVja2xhc2Ugc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdOUzc0NTY4IiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjguanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2OC5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2OC0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjgtMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiODkiLCJyZWd1bGFyX3ByaWNlIjoiODkiLCJzYWxlX3ByaWNlIjpudWxsLCJwcmljZV9odG1sIjoiPHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1hbW91bnQgYW1vdW50XCI+PGJkaT44OSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+ODksMDAmbmJzcDs8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWN1cnJlbmN5U3ltYm9sXCI+JmV1cm87PFwvc3Bhbj48XC9iZGk+PFwvc3Bhbj4iLCJzYWxlX3ByaWNlX2h0bWwiOm51bGwsImlzX29uX3NhbGUiOmZhbHNlLCJkaXNjb3VudF9wZXJjZW50YWdlIjowLCJiYWNrb3JkZXJfbm90ZSI6IiIsImF0dHJpYnV0ZXNfYW5kX29wdGlvbnMiOltdLCJ2YXJpYXRpb25zIjpbXSwiY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9ncmVnaW8tY2F0ZWdvcnktZW5cL2Z1bmt5LW1ldGFsLWVuXC9cIiBjbGFzcz1cInRleHQtYm9keSB1cHBlcmNhc2UgdW5kZXJsaW5lXCI+RnVua3kgTWV0YWw8XC9hPiIsInN1Yl9jb2xsZWN0aW9uX2xpc3QiOiI8YSBocmVmPVwiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvZW5cL21ncm91cC1lblwvZ2xvc3MtYm9zcy1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkdsb3NzIEJvc3M8XC9hPiIsImhhc19yaW5nX3NpemVzIjpmYWxzZSwibGFzdF91bml0cyI6ZmFsc2UsImNyb3NzX3NlbGxzIjpbXSwibmV3X2luX2JhZGdlIjpmYWxzZSwibWV0YWxfdmFyaWF0aW9ucyI6W10sImNvbG9yX3ZhcmlhdGlvbnMiOltdLCJtYXRlcmlhbCI6IlNpbHZlciIsImJyYW5kIjoiIiwiY2F0ZWdvcmllcyI6WyJOZWNrbGFjZSJdLCJsaXN0X2lkIjpudWxsLCJsaXN0X25hbWUiOm51bGx9') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/necklase-silver-925-yellow-gold-plated-52\/\" title=\"Necklase silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74568.jpg\" alt=\"Necklase silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74568-1.jpg\" alt=\"Necklase silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337938\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/necklase-silver-925-yellow-gold-plated-52\/\" title=\"Necklase silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Necklase silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GNS74568\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>89,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337938,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3OTM3LCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvbmVja2xhc2Utc2lsdmVyLTkyNS15ZWxsb3ctZ29sZC1wbGF0ZWQtNTFcLyIsInRpdGxlIjoiTmVja2xhc2Ugc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQiLCJsb2NhbGl6YXRpb24iOnsiZWwiOnsicG9zdF90aXRsZSI6Ilx1MDM5YVx1MDNiZlx1MDNiYlx1MDNiOVx1MDNhZCBcdTAzYjFcdTAzYzNcdTAzYWVcdTAzYmNcdTAzYjkgOTI1IFx1MDNiNVx1MDNjMFx1MDNiOVx1MDNjN1x1MDNjMVx1MDNjNVx1MDNjM1x1MDNjOVx1MDNiY1x1MDNhZFx1MDNiZFx1MDNiZiJ9LCJlbiI6eyJwb3N0X3RpdGxlIjoiTmVja2xhc2Ugc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdOUzc0NTY3IiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjcuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2Ny5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2Ny0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjctMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiMTQ1IiwicmVndWxhcl9wcmljZSI6IjE0NSIsInNhbGVfcHJpY2UiOm51bGwsInByaWNlX2h0bWwiOiI8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWFtb3VudCBhbW91bnRcIj48YmRpPjE0NSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+MTQ1LDAwJm5ic3A7PHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1jdXJyZW5jeVN5bWJvbFwiPiZldXJvOzxcL3NwYW4+PFwvYmRpPjxcL3NwYW4+Iiwic2FsZV9wcmljZV9odG1sIjpudWxsLCJpc19vbl9zYWxlIjpmYWxzZSwiZGlzY291bnRfcGVyY2VudGFnZSI6MCwiYmFja29yZGVyX25vdGUiOiIiLCJhdHRyaWJ1dGVzX2FuZF9vcHRpb25zIjpbXSwidmFyaWF0aW9ucyI6W10sImNvbGxlY3Rpb25fbGlzdCI6IjxhIGhyZWY9XCJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvZ3JlZ2lvLWNhdGVnb3J5LWVuXC9mdW5reS1tZXRhbC1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkZ1bmt5IE1ldGFsPFwvYT4iLCJzdWJfY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9tZ3JvdXAtZW5cL2dsb3NzLWJvc3MtZW5cL1wiIGNsYXNzPVwidGV4dC1ib2R5IHVwcGVyY2FzZSB1bmRlcmxpbmVcIj5HbG9zcyBCb3NzPFwvYT4iLCJoYXNfcmluZ19zaXplcyI6ZmFsc2UsImxhc3RfdW5pdHMiOmZhbHNlLCJjcm9zc19zZWxscyI6W10sIm5ld19pbl9iYWRnZSI6ZmFsc2UsIm1ldGFsX3ZhcmlhdGlvbnMiOltdLCJjb2xvcl92YXJpYXRpb25zIjpbXSwibWF0ZXJpYWwiOiJTaWx2ZXIiLCJicmFuZCI6IiIsImNhdGVnb3JpZXMiOlsiTmVja2xhY2UiXSwibGlzdF9pZCI6bnVsbCwibGlzdF9uYW1lIjpudWxsfQ==') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/necklase-silver-925-yellow-gold-plated-51\/\" title=\"Necklase silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74567.jpg\" alt=\"Necklase silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74567-1.jpg\" alt=\"Necklase silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337937\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/necklase-silver-925-yellow-gold-plated-51\/\" title=\"Necklase silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Necklase silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GNS74567\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>145,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337937,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3OTM2LCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvbmVja2xhc2Utc2lsdmVyLTkyNS15ZWxsb3ctZ29sZC1wbGF0ZWQtNTBcLyIsInRpdGxlIjoiTmVja2xhc2Ugc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQiLCJsb2NhbGl6YXRpb24iOnsiZWwiOnsicG9zdF90aXRsZSI6Ilx1MDM5YVx1MDNiZlx1MDNiYlx1MDNiOVx1MDNhZCBcdTAzYjFcdTAzYzNcdTAzYWVcdTAzYmNcdTAzYjkgOTI1IFx1MDNiNVx1MDNjMFx1MDNiOVx1MDNjN1x1MDNjMVx1MDNjNVx1MDNjM1x1MDNjOVx1MDNiY1x1MDNhZFx1MDNiZFx1MDNiZiJ9LCJlbiI6eyJwb3N0X3RpdGxlIjoiTmVja2xhc2Ugc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdOUzc0NTY2IiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjYuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2Ni5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2Ni0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjYtMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiMTQ5IiwicmVndWxhcl9wcmljZSI6IjE0OSIsInNhbGVfcHJpY2UiOm51bGwsInByaWNlX2h0bWwiOiI8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWFtb3VudCBhbW91bnRcIj48YmRpPjE0OSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+MTQ5LDAwJm5ic3A7PHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1jdXJyZW5jeVN5bWJvbFwiPiZldXJvOzxcL3NwYW4+PFwvYmRpPjxcL3NwYW4+Iiwic2FsZV9wcmljZV9odG1sIjpudWxsLCJpc19vbl9zYWxlIjpmYWxzZSwiZGlzY291bnRfcGVyY2VudGFnZSI6MCwiYmFja29yZGVyX25vdGUiOiIiLCJhdHRyaWJ1dGVzX2FuZF9vcHRpb25zIjpbXSwidmFyaWF0aW9ucyI6W10sImNvbGxlY3Rpb25fbGlzdCI6IjxhIGhyZWY9XCJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvZ3JlZ2lvLWNhdGVnb3J5LWVuXC9mdW5reS1tZXRhbC1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkZ1bmt5IE1ldGFsPFwvYT4iLCJzdWJfY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9tZ3JvdXAtZW5cL2dsb3NzLWJvc3MtZW5cL1wiIGNsYXNzPVwidGV4dC1ib2R5IHVwcGVyY2FzZSB1bmRlcmxpbmVcIj5HbG9zcyBCb3NzPFwvYT4iLCJoYXNfcmluZ19zaXplcyI6ZmFsc2UsImxhc3RfdW5pdHMiOmZhbHNlLCJjcm9zc19zZWxscyI6W10sIm5ld19pbl9iYWRnZSI6ZmFsc2UsIm1ldGFsX3ZhcmlhdGlvbnMiOltdLCJjb2xvcl92YXJpYXRpb25zIjpbXSwibWF0ZXJpYWwiOiJTaWx2ZXIiLCJicmFuZCI6IiIsImNhdGVnb3JpZXMiOlsiTmVja2xhY2UiXSwibGlzdF9pZCI6bnVsbCwibGlzdF9uYW1lIjpudWxsfQ==') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/necklase-silver-925-yellow-gold-plated-50\/\" title=\"Necklase silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74566.jpg\" alt=\"Necklase silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74566-1.jpg\" alt=\"Necklase silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337936\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/necklase-silver-925-yellow-gold-plated-50\/\" title=\"Necklase silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Necklase silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GNS74566\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>149,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337936,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3ODg3LCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvYnJhY2VsZXQtc2lsdmVyLTkyNS15ZWxsb3ctZ29sZC1wbGF0ZWQtNTdcLyIsInRpdGxlIjoiQnJhY2VsZXQgc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQiLCJsb2NhbGl6YXRpb24iOnsiZWwiOnsicG9zdF90aXRsZSI6Ilx1MDM5Mlx1MDNjMVx1MDNiMVx1MDNjN1x1MDNiOVx1MDNjY1x1MDNiYlx1MDNiOSBcdTAzYjFcdTAzYzNcdTAzYWVcdTAzYmNcdTAzYjkgOTI1IFx1MDNiNVx1MDNjMFx1MDNiOVx1MDNjN1x1MDNjMVx1MDNjNVx1MDNjM1x1MDNjOVx1MDNiY1x1MDNhZFx1MDNiZFx1MDNiZiJ9LCJlbiI6eyJwb3N0X3RpdGxlIjoiQnJhY2VsZXQgc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdCUzc0NTU4IiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NTguanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU1OC5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU1OC0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NTgtMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiMTk1IiwicmVndWxhcl9wcmljZSI6IjE5NSIsInNhbGVfcHJpY2UiOm51bGwsInByaWNlX2h0bWwiOiI8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWFtb3VudCBhbW91bnRcIj48YmRpPjE5NSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+MTk1LDAwJm5ic3A7PHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1jdXJyZW5jeVN5bWJvbFwiPiZldXJvOzxcL3NwYW4+PFwvYmRpPjxcL3NwYW4+Iiwic2FsZV9wcmljZV9odG1sIjpudWxsLCJpc19vbl9zYWxlIjpmYWxzZSwiZGlzY291bnRfcGVyY2VudGFnZSI6MCwiYmFja29yZGVyX25vdGUiOiIiLCJhdHRyaWJ1dGVzX2FuZF9vcHRpb25zIjpbXSwidmFyaWF0aW9ucyI6W10sImNvbGxlY3Rpb25fbGlzdCI6IjxhIGhyZWY9XCJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvZ3JlZ2lvLWNhdGVnb3J5LWVuXC9mdW5reS1tZXRhbC1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkZ1bmt5IE1ldGFsPFwvYT4iLCJzdWJfY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9tZ3JvdXAtZW5cL2dsb3NzLWJvc3MtZW5cL1wiIGNsYXNzPVwidGV4dC1ib2R5IHVwcGVyY2FzZSB1bmRlcmxpbmVcIj5HbG9zcyBCb3NzPFwvYT4iLCJoYXNfcmluZ19zaXplcyI6ZmFsc2UsImxhc3RfdW5pdHMiOmZhbHNlLCJjcm9zc19zZWxscyI6W10sIm5ld19pbl9iYWRnZSI6ZmFsc2UsIm1ldGFsX3ZhcmlhdGlvbnMiOltdLCJjb2xvcl92YXJpYXRpb25zIjpbXSwibWF0ZXJpYWwiOiJTaWx2ZXIiLCJicmFuZCI6IiIsImNhdGVnb3JpZXMiOlsiQnJhY2VsZXQiXSwibGlzdF9pZCI6bnVsbCwibGlzdF9uYW1lIjpudWxsfQ==') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/bracelet-silver-925-yellow-gold-plated-57\/\" title=\"Bracelet silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74558.jpg\" alt=\"Bracelet silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74558-1.jpg\" alt=\"Bracelet silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337887\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/bracelet-silver-925-yellow-gold-plated-57\/\" title=\"Bracelet silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Bracelet silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GBS74558\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>195,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337887,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3OTM1LCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvbmVja2xhc2Utc2lsdmVyLTkyNS15ZWxsb3ctZ29sZC1wbGF0ZWQtNDlcLyIsInRpdGxlIjoiTmVja2xhc2Ugc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQiLCJsb2NhbGl6YXRpb24iOnsiZWwiOnsicG9zdF90aXRsZSI6Ilx1MDM5YVx1MDNiZlx1MDNiYlx1MDNiOVx1MDNhZCBcdTAzYjFcdTAzYzNcdTAzYWVcdTAzYmNcdTAzYjkgOTI1IFx1MDNiNVx1MDNjMFx1MDNiOVx1MDNjN1x1MDNjMVx1MDNjNVx1MDNjM1x1MDNjOVx1MDNiY1x1MDNhZFx1MDNiZFx1MDNiZiJ9LCJlbiI6eyJwb3N0X3RpdGxlIjoiTmVja2xhc2Ugc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdOUzc0NTY1IiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjUuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2NS5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2NS0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjUtMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiMTM5IiwicmVndWxhcl9wcmljZSI6IjEzOSIsInNhbGVfcHJpY2UiOm51bGwsInByaWNlX2h0bWwiOiI8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWFtb3VudCBhbW91bnRcIj48YmRpPjEzOSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+MTM5LDAwJm5ic3A7PHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1jdXJyZW5jeVN5bWJvbFwiPiZldXJvOzxcL3NwYW4+PFwvYmRpPjxcL3NwYW4+Iiwic2FsZV9wcmljZV9odG1sIjpudWxsLCJpc19vbl9zYWxlIjpmYWxzZSwiZGlzY291bnRfcGVyY2VudGFnZSI6MCwiYmFja29yZGVyX25vdGUiOiIiLCJhdHRyaWJ1dGVzX2FuZF9vcHRpb25zIjpbXSwidmFyaWF0aW9ucyI6W10sImNvbGxlY3Rpb25fbGlzdCI6IjxhIGhyZWY9XCJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvZ3JlZ2lvLWNhdGVnb3J5LWVuXC9mdW5reS1tZXRhbC1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkZ1bmt5IE1ldGFsPFwvYT4iLCJzdWJfY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9tZ3JvdXAtZW5cL2dsb3NzLWJvc3MtZW5cL1wiIGNsYXNzPVwidGV4dC1ib2R5IHVwcGVyY2FzZSB1bmRlcmxpbmVcIj5HbG9zcyBCb3NzPFwvYT4iLCJoYXNfcmluZ19zaXplcyI6ZmFsc2UsImxhc3RfdW5pdHMiOmZhbHNlLCJjcm9zc19zZWxscyI6W10sIm5ld19pbl9iYWRnZSI6ZmFsc2UsIm1ldGFsX3ZhcmlhdGlvbnMiOltdLCJjb2xvcl92YXJpYXRpb25zIjpbXSwibWF0ZXJpYWwiOiJTaWx2ZXIiLCJicmFuZCI6IiIsImNhdGVnb3JpZXMiOlsiTmVja2xhY2UiXSwibGlzdF9pZCI6bnVsbCwibGlzdF9uYW1lIjpudWxsfQ==') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/necklase-silver-925-yellow-gold-plated-49\/\" title=\"Necklase silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74565.jpg\" alt=\"Necklase silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74565-1.jpg\" alt=\"Necklase silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337935\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/necklase-silver-925-yellow-gold-plated-49\/\" title=\"Necklase silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Necklase silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GNS74565\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>139,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337935,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3OTM5LCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvbmVja2xhc2Utc2lsdmVyLTkyNS15ZWxsb3ctZ29sZC1wbGF0ZWQtNTNcLyIsInRpdGxlIjoiTmVja2xhc2Ugc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQiLCJsb2NhbGl6YXRpb24iOnsiZWwiOnsicG9zdF90aXRsZSI6Ilx1MDM5YVx1MDNiZlx1MDNiYlx1MDNiOVx1MDNhZCBcdTAzYjFcdTAzYzNcdTAzYWVcdTAzYmNcdTAzYjkgOTI1IFx1MDNiNVx1MDNjMFx1MDNiOVx1MDNjN1x1MDNjMVx1MDNjNVx1MDNjM1x1MDNjOVx1MDNiY1x1MDNhZFx1MDNiZFx1MDNiZiJ9LCJlbiI6eyJwb3N0X3RpdGxlIjoiTmVja2xhc2Ugc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdOUzc0NTY5IiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjkuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2OS5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2OS0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjktMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiNjkiLCJyZWd1bGFyX3ByaWNlIjoiNjkiLCJzYWxlX3ByaWNlIjpudWxsLCJwcmljZV9odG1sIjoiPHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1hbW91bnQgYW1vdW50XCI+PGJkaT42OSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+NjksMDAmbmJzcDs8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWN1cnJlbmN5U3ltYm9sXCI+JmV1cm87PFwvc3Bhbj48XC9iZGk+PFwvc3Bhbj4iLCJzYWxlX3ByaWNlX2h0bWwiOm51bGwsImlzX29uX3NhbGUiOmZhbHNlLCJkaXNjb3VudF9wZXJjZW50YWdlIjowLCJiYWNrb3JkZXJfbm90ZSI6IiIsImF0dHJpYnV0ZXNfYW5kX29wdGlvbnMiOltdLCJ2YXJpYXRpb25zIjpbXSwiY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9ncmVnaW8tY2F0ZWdvcnktZW5cL2Z1bmt5LW1ldGFsLWVuXC9cIiBjbGFzcz1cInRleHQtYm9keSB1cHBlcmNhc2UgdW5kZXJsaW5lXCI+RnVua3kgTWV0YWw8XC9hPiIsInN1Yl9jb2xsZWN0aW9uX2xpc3QiOiI8YSBocmVmPVwiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvZW5cL21ncm91cC1lblwvZ2xvc3MtYm9zcy1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkdsb3NzIEJvc3M8XC9hPiIsImhhc19yaW5nX3NpemVzIjpmYWxzZSwibGFzdF91bml0cyI6ZmFsc2UsImNyb3NzX3NlbGxzIjpbXSwibmV3X2luX2JhZGdlIjpmYWxzZSwibWV0YWxfdmFyaWF0aW9ucyI6W10sImNvbG9yX3ZhcmlhdGlvbnMiOltdLCJtYXRlcmlhbCI6IlNpbHZlciIsImJyYW5kIjoiIiwiY2F0ZWdvcmllcyI6WyJOZWNrbGFjZSJdLCJsaXN0X2lkIjpudWxsLCJsaXN0X25hbWUiOm51bGx9') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/necklase-silver-925-yellow-gold-plated-53\/\" title=\"Necklase silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74569.jpg\" alt=\"Necklase silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74569-1.jpg\" alt=\"Necklase silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337939\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/necklase-silver-925-yellow-gold-plated-53\/\" title=\"Necklase silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Necklase silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GNS74569\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>69,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337939,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3ODg5LCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvYnJhY2VsZXQtc2lsdmVyLTkyNS15ZWxsb3ctZ29sZC1wbGF0ZWQtNTlcLyIsInRpdGxlIjoiQnJhY2VsZXQgc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQiLCJsb2NhbGl6YXRpb24iOnsiZWwiOnsicG9zdF90aXRsZSI6Ilx1MDM5Mlx1MDNjMVx1MDNiMVx1MDNjN1x1MDNiOVx1MDNjY1x1MDNiYlx1MDNiOSBcdTAzYjFcdTAzYzNcdTAzYWVcdTAzYmNcdTAzYjkgOTI1IFx1MDNiNVx1MDNjMFx1MDNiOVx1MDNjN1x1MDNjMVx1MDNjNVx1MDNjM1x1MDNjOVx1MDNiY1x1MDNhZFx1MDNiZFx1MDNiZiJ9LCJlbiI6eyJwb3N0X3RpdGxlIjoiQnJhY2VsZXQgc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdCUzc0NTYwIiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjAuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2MC5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2MC0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjAtMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiMTA5IiwicmVndWxhcl9wcmljZSI6IjEwOSIsInNhbGVfcHJpY2UiOm51bGwsInByaWNlX2h0bWwiOiI8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWFtb3VudCBhbW91bnRcIj48YmRpPjEwOSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+MTA5LDAwJm5ic3A7PHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1jdXJyZW5jeVN5bWJvbFwiPiZldXJvOzxcL3NwYW4+PFwvYmRpPjxcL3NwYW4+Iiwic2FsZV9wcmljZV9odG1sIjpudWxsLCJpc19vbl9zYWxlIjpmYWxzZSwiZGlzY291bnRfcGVyY2VudGFnZSI6MCwiYmFja29yZGVyX25vdGUiOiIiLCJhdHRyaWJ1dGVzX2FuZF9vcHRpb25zIjpbXSwidmFyaWF0aW9ucyI6W10sImNvbGxlY3Rpb25fbGlzdCI6IjxhIGhyZWY9XCJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvZ3JlZ2lvLWNhdGVnb3J5LWVuXC9mdW5reS1tZXRhbC1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkZ1bmt5IE1ldGFsPFwvYT4iLCJzdWJfY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9tZ3JvdXAtZW5cL2dsb3NzLWJvc3MtZW5cL1wiIGNsYXNzPVwidGV4dC1ib2R5IHVwcGVyY2FzZSB1bmRlcmxpbmVcIj5HbG9zcyBCb3NzPFwvYT4iLCJoYXNfcmluZ19zaXplcyI6ZmFsc2UsImxhc3RfdW5pdHMiOmZhbHNlLCJjcm9zc19zZWxscyI6W10sIm5ld19pbl9iYWRnZSI6ZmFsc2UsIm1ldGFsX3ZhcmlhdGlvbnMiOltdLCJjb2xvcl92YXJpYXRpb25zIjpbXSwibWF0ZXJpYWwiOiJTaWx2ZXIiLCJicmFuZCI6IiIsImNhdGVnb3JpZXMiOlsiQnJhY2VsZXQiXSwibGlzdF9pZCI6bnVsbCwibGlzdF9uYW1lIjpudWxsfQ==') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/bracelet-silver-925-yellow-gold-plated-59\/\" title=\"Bracelet silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74560.jpg\" alt=\"Bracelet silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74560-1.jpg\" alt=\"Bracelet silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337889\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/bracelet-silver-925-yellow-gold-plated-59\/\" title=\"Bracelet silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Bracelet silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GBS74560\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>109,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337889,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3ODg4LCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvYnJhY2VsZXQtc2lsdmVyLTkyNS15ZWxsb3ctZ29sZC1wbGF0ZWQtNThcLyIsInRpdGxlIjoiQnJhY2VsZXQgc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQiLCJsb2NhbGl6YXRpb24iOnsiZWwiOnsicG9zdF90aXRsZSI6Ilx1MDM5Mlx1MDNjMVx1MDNiMVx1MDNjN1x1MDNiOVx1MDNjY1x1MDNiYlx1MDNiOSBcdTAzYjFcdTAzYzNcdTAzYWVcdTAzYmNcdTAzYjkgOTI1IFx1MDNiNVx1MDNjMFx1MDNiOVx1MDNjN1x1MDNjMVx1MDNjNVx1MDNjM1x1MDNjOVx1MDNiY1x1MDNhZFx1MDNiZFx1MDNiZiJ9LCJlbiI6eyJwb3N0X3RpdGxlIjoiQnJhY2VsZXQgc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdCUzc0NTU5IiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NTkuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU1OS5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU1OS0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NTktMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiNzkiLCJyZWd1bGFyX3ByaWNlIjoiNzkiLCJzYWxlX3ByaWNlIjpudWxsLCJwcmljZV9odG1sIjoiPHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1hbW91bnQgYW1vdW50XCI+PGJkaT43OSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+NzksMDAmbmJzcDs8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWN1cnJlbmN5U3ltYm9sXCI+JmV1cm87PFwvc3Bhbj48XC9iZGk+PFwvc3Bhbj4iLCJzYWxlX3ByaWNlX2h0bWwiOm51bGwsImlzX29uX3NhbGUiOmZhbHNlLCJkaXNjb3VudF9wZXJjZW50YWdlIjowLCJiYWNrb3JkZXJfbm90ZSI6IiIsImF0dHJpYnV0ZXNfYW5kX29wdGlvbnMiOltdLCJ2YXJpYXRpb25zIjpbXSwiY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9ncmVnaW8tY2F0ZWdvcnktZW5cL2Z1bmt5LW1ldGFsLWVuXC9cIiBjbGFzcz1cInRleHQtYm9keSB1cHBlcmNhc2UgdW5kZXJsaW5lXCI+RnVua3kgTWV0YWw8XC9hPiIsInN1Yl9jb2xsZWN0aW9uX2xpc3QiOiI8YSBocmVmPVwiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvZW5cL21ncm91cC1lblwvZ2xvc3MtYm9zcy1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkdsb3NzIEJvc3M8XC9hPiIsImhhc19yaW5nX3NpemVzIjpmYWxzZSwibGFzdF91bml0cyI6ZmFsc2UsImNyb3NzX3NlbGxzIjpbXSwibmV3X2luX2JhZGdlIjpmYWxzZSwibWV0YWxfdmFyaWF0aW9ucyI6W10sImNvbG9yX3ZhcmlhdGlvbnMiOltdLCJtYXRlcmlhbCI6IlNpbHZlciIsImJyYW5kIjoiIiwiY2F0ZWdvcmllcyI6WyJCcmFjZWxldCJdLCJsaXN0X2lkIjpudWxsLCJsaXN0X25hbWUiOm51bGx9') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/bracelet-silver-925-yellow-gold-plated-58\/\" title=\"Bracelet silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74559.jpg\" alt=\"Bracelet silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74559-1.jpg\" alt=\"Bracelet silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337888\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/bracelet-silver-925-yellow-gold-plated-58\/\" title=\"Bracelet silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Bracelet silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GBS74559\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>79,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337888,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3ODkwLCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvYnJhY2VsZXQtc2lsdmVyLTkyNS15ZWxsb3ctZ29sZC1wbGF0ZWQtNjJcLyIsInRpdGxlIjoiQnJhY2VsZXQgc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQiLCJsb2NhbGl6YXRpb24iOnsiZWwiOnsicG9zdF90aXRsZSI6Ilx1MDM5Mlx1MDNjMVx1MDNiMVx1MDNjN1x1MDNiOVx1MDNjY1x1MDNiYlx1MDNiOSBcdTAzYjFcdTAzYzNcdTAzYWVcdTAzYmNcdTAzYjkgOTI1IFx1MDNiNVx1MDNjMFx1MDNiOVx1MDNjN1x1MDNjMVx1MDNjNVx1MDNjM1x1MDNjOVx1MDNiY1x1MDNhZFx1MDNiZFx1MDNiZiJ9LCJlbiI6eyJwb3N0X3RpdGxlIjoiQnJhY2VsZXQgc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdCUzc0NTYxIiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjEuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2MS5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2MS0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjEtMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiNjUiLCJyZWd1bGFyX3ByaWNlIjoiNjUiLCJzYWxlX3ByaWNlIjpudWxsLCJwcmljZV9odG1sIjoiPHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1hbW91bnQgYW1vdW50XCI+PGJkaT42NSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+NjUsMDAmbmJzcDs8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWN1cnJlbmN5U3ltYm9sXCI+JmV1cm87PFwvc3Bhbj48XC9iZGk+PFwvc3Bhbj4iLCJzYWxlX3ByaWNlX2h0bWwiOm51bGwsImlzX29uX3NhbGUiOmZhbHNlLCJkaXNjb3VudF9wZXJjZW50YWdlIjowLCJiYWNrb3JkZXJfbm90ZSI6IiIsImF0dHJpYnV0ZXNfYW5kX29wdGlvbnMiOltdLCJ2YXJpYXRpb25zIjpbXSwiY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9ncmVnaW8tY2F0ZWdvcnktZW5cL2Z1bmt5LW1ldGFsLWVuXC9cIiBjbGFzcz1cInRleHQtYm9keSB1cHBlcmNhc2UgdW5kZXJsaW5lXCI+RnVua3kgTWV0YWw8XC9hPiIsInN1Yl9jb2xsZWN0aW9uX2xpc3QiOiI8YSBocmVmPVwiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvZW5cL21ncm91cC1lblwvZ2xvc3MtYm9zcy1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkdsb3NzIEJvc3M8XC9hPiIsImhhc19yaW5nX3NpemVzIjpmYWxzZSwibGFzdF91bml0cyI6ZmFsc2UsImNyb3NzX3NlbGxzIjpbXSwibmV3X2luX2JhZGdlIjpmYWxzZSwibWV0YWxfdmFyaWF0aW9ucyI6W10sImNvbG9yX3ZhcmlhdGlvbnMiOltdLCJtYXRlcmlhbCI6IlNpbHZlciIsImJyYW5kIjoiIiwiY2F0ZWdvcmllcyI6WyJCcmFjZWxldCJdLCJsaXN0X2lkIjpudWxsLCJsaXN0X25hbWUiOm51bGx9') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/bracelet-silver-925-yellow-gold-plated-62\/\" title=\"Bracelet silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74561.jpg\" alt=\"Bracelet silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74561-1.jpg\" alt=\"Bracelet silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337890\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/bracelet-silver-925-yellow-gold-plated-62\/\" title=\"Bracelet silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Bracelet silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GBS74561\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>65,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337890,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3ODkxLCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvbmVja2xhc2Utc2lsdmVyLTkyNS15ZWxsb3ctZ29sZC1wbGF0ZWQtNDZcLyIsInRpdGxlIjoiTmVja2xhc2Ugc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQiLCJsb2NhbGl6YXRpb24iOnsiZWwiOnsicG9zdF90aXRsZSI6Ilx1MDM5YVx1MDNiZlx1MDNiYlx1MDNiOVx1MDNhZCBcdTAzYjFcdTAzYzNcdTAzYWVcdTAzYmNcdTAzYjkgOTI1IFx1MDNiNVx1MDNjMFx1MDNiOVx1MDNjN1x1MDNjMVx1MDNjNVx1MDNjM1x1MDNjOVx1MDNiY1x1MDNhZFx1MDNiZFx1MDNiZiJ9LCJlbiI6eyJwb3N0X3RpdGxlIjoiTmVja2xhc2Ugc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdOUzc0NTYyIiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjIuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2Mi5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2Mi0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjItMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiMTc5IiwicmVndWxhcl9wcmljZSI6IjE3OSIsInNhbGVfcHJpY2UiOm51bGwsInByaWNlX2h0bWwiOiI8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWFtb3VudCBhbW91bnRcIj48YmRpPjE3OSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+MTc5LDAwJm5ic3A7PHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1jdXJyZW5jeVN5bWJvbFwiPiZldXJvOzxcL3NwYW4+PFwvYmRpPjxcL3NwYW4+Iiwic2FsZV9wcmljZV9odG1sIjpudWxsLCJpc19vbl9zYWxlIjpmYWxzZSwiZGlzY291bnRfcGVyY2VudGFnZSI6MCwiYmFja29yZGVyX25vdGUiOiIiLCJhdHRyaWJ1dGVzX2FuZF9vcHRpb25zIjpbXSwidmFyaWF0aW9ucyI6W10sImNvbGxlY3Rpb25fbGlzdCI6IjxhIGhyZWY9XCJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvZ3JlZ2lvLWNhdGVnb3J5LWVuXC9mdW5reS1tZXRhbC1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkZ1bmt5IE1ldGFsPFwvYT4iLCJzdWJfY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9tZ3JvdXAtZW5cL2dsb3NzLWJvc3MtZW5cL1wiIGNsYXNzPVwidGV4dC1ib2R5IHVwcGVyY2FzZSB1bmRlcmxpbmVcIj5HbG9zcyBCb3NzPFwvYT4iLCJoYXNfcmluZ19zaXplcyI6ZmFsc2UsImxhc3RfdW5pdHMiOmZhbHNlLCJjcm9zc19zZWxscyI6W10sIm5ld19pbl9iYWRnZSI6ZmFsc2UsIm1ldGFsX3ZhcmlhdGlvbnMiOltdLCJjb2xvcl92YXJpYXRpb25zIjpbXSwibWF0ZXJpYWwiOiJTaWx2ZXIiLCJicmFuZCI6IiIsImNhdGVnb3JpZXMiOlsiTmVja2xhY2UiXSwibGlzdF9pZCI6bnVsbCwibGlzdF9uYW1lIjpudWxsfQ==') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/necklase-silver-925-yellow-gold-plated-46\/\" title=\"Necklase silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74562.jpg\" alt=\"Necklase silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74562-1.jpg\" alt=\"Necklase silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337891\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/necklase-silver-925-yellow-gold-plated-46\/\" title=\"Necklase silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Necklase silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GNS74562\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>179,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337891,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3ODkyLCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvbmVja2xhc2Utc2lsdmVyLTkyNS15ZWxsb3ctZ29sZC1wbGF0ZWQtNDdcLyIsInRpdGxlIjoiTmVja2xhc2Ugc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQiLCJsb2NhbGl6YXRpb24iOnsiZWwiOnsicG9zdF90aXRsZSI6Ilx1MDM5YVx1MDNiZlx1MDNiYlx1MDNiOVx1MDNhZCBcdTAzYjFcdTAzYzNcdTAzYWVcdTAzYmNcdTAzYjkgOTI1IFx1MDNiNVx1MDNjMFx1MDNiOVx1MDNjN1x1MDNjMVx1MDNjNVx1MDNjM1x1MDNjOVx1MDNiY1x1MDNhZFx1MDNiZFx1MDNiZiJ9LCJlbiI6eyJwb3N0X3RpdGxlIjoiTmVja2xhc2Ugc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdOUzc0NTYzIiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjMuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2My5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU2My0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NjMtMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiMTk5IiwicmVndWxhcl9wcmljZSI6IjE5OSIsInNhbGVfcHJpY2UiOm51bGwsInByaWNlX2h0bWwiOiI8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWFtb3VudCBhbW91bnRcIj48YmRpPjE5OSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+MTk5LDAwJm5ic3A7PHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1jdXJyZW5jeVN5bWJvbFwiPiZldXJvOzxcL3NwYW4+PFwvYmRpPjxcL3NwYW4+Iiwic2FsZV9wcmljZV9odG1sIjpudWxsLCJpc19vbl9zYWxlIjpmYWxzZSwiZGlzY291bnRfcGVyY2VudGFnZSI6MCwiYmFja29yZGVyX25vdGUiOiIiLCJhdHRyaWJ1dGVzX2FuZF9vcHRpb25zIjpbXSwidmFyaWF0aW9ucyI6W10sImNvbGxlY3Rpb25fbGlzdCI6IjxhIGhyZWY9XCJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvZ3JlZ2lvLWNhdGVnb3J5LWVuXC9mdW5reS1tZXRhbC1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkZ1bmt5IE1ldGFsPFwvYT4iLCJzdWJfY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9tZ3JvdXAtZW5cL2dsb3NzLWJvc3MtZW5cL1wiIGNsYXNzPVwidGV4dC1ib2R5IHVwcGVyY2FzZSB1bmRlcmxpbmVcIj5HbG9zcyBCb3NzPFwvYT4iLCJoYXNfcmluZ19zaXplcyI6ZmFsc2UsImxhc3RfdW5pdHMiOmZhbHNlLCJjcm9zc19zZWxscyI6W10sIm5ld19pbl9iYWRnZSI6ZmFsc2UsIm1ldGFsX3ZhcmlhdGlvbnMiOltdLCJjb2xvcl92YXJpYXRpb25zIjpbXSwibWF0ZXJpYWwiOiJTaWx2ZXIiLCJicmFuZCI6IiIsImNhdGVnb3JpZXMiOlsiTmVja2xhY2UiXSwibGlzdF9pZCI6bnVsbCwibGlzdF9uYW1lIjpudWxsfQ==') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/necklase-silver-925-yellow-gold-plated-47\/\" title=\"Necklase silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74563.jpg\" alt=\"Necklase silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74563-1.jpg\" alt=\"Necklase silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337892\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/necklase-silver-925-yellow-gold-plated-47\/\" title=\"Necklase silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Necklase silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GNS74563\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>199,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337892,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3OTQwLCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvcmluZy1zaWx2ZXItOTI1LXllbGxvdy1nb2xkLXBsYXRlZC02MVwvIiwidGl0bGUiOiJSaW5nIHNpbHZlciA5MjUgeWVsbG93IGdvbGQgcGxhdGVkIiwibG9jYWxpemF0aW9uIjp7ImVsIjp7InBvc3RfdGl0bGUiOiJcdTAzOTRcdTAzYjFcdTAzYzdcdTAzYzRcdTAzYzVcdTAzYmJcdTAzYWZcdTAzYjRcdTAzYjkgXHUwM2IxXHUwM2MzXHUwM2FlXHUwM2JjXHUwM2I5IDkyNSBcdTAzYjVcdTAzYzBcdTAzYjlcdTAzYzdcdTAzYzFcdTAzYzVcdTAzYzNcdTAzYzlcdTAzYmNcdTAzYWRcdTAzYmRcdTAzYmYifSwiZW4iOnsicG9zdF90aXRsZSI6IlJpbmcgc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdSUzc0NTQ0IiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NDQuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU0NC5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU0NC0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NDQtMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiODUiLCJyZWd1bGFyX3ByaWNlIjoiODUiLCJzYWxlX3ByaWNlIjpudWxsLCJwcmljZV9odG1sIjoiPHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1hbW91bnQgYW1vdW50XCI+PGJkaT44NSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+ODUsMDAmbmJzcDs8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWN1cnJlbmN5U3ltYm9sXCI+JmV1cm87PFwvc3Bhbj48XC9iZGk+PFwvc3Bhbj4iLCJzYWxlX3ByaWNlX2h0bWwiOm51bGwsImlzX29uX3NhbGUiOmZhbHNlLCJkaXNjb3VudF9wZXJjZW50YWdlIjowLCJiYWNrb3JkZXJfbm90ZSI6IiIsImF0dHJpYnV0ZXNfYW5kX29wdGlvbnMiOltdLCJ2YXJpYXRpb25zIjpbXSwiY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9ncmVnaW8tY2F0ZWdvcnktZW5cL2Z1bmt5LW1ldGFsLWVuXC9cIiBjbGFzcz1cInRleHQtYm9keSB1cHBlcmNhc2UgdW5kZXJsaW5lXCI+RnVua3kgTWV0YWw8XC9hPiIsInN1Yl9jb2xsZWN0aW9uX2xpc3QiOiI8YSBocmVmPVwiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvZW5cL21ncm91cC1lblwvZ2xvc3MtYm9zcy1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkdsb3NzIEJvc3M8XC9hPiIsImhhc19yaW5nX3NpemVzIjpmYWxzZSwibGFzdF91bml0cyI6ZmFsc2UsImNyb3NzX3NlbGxzIjpbXSwibmV3X2luX2JhZGdlIjpmYWxzZSwibWV0YWxfdmFyaWF0aW9ucyI6W10sImNvbG9yX3ZhcmlhdGlvbnMiOltdLCJtYXRlcmlhbCI6IlNpbHZlciIsImJyYW5kIjoiIiwiY2F0ZWdvcmllcyI6WyJSaW5nIl0sImxpc3RfaWQiOm51bGwsImxpc3RfbmFtZSI6bnVsbH0=') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/ring-silver-925-yellow-gold-plated-61\/\" title=\"Ring silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74544.jpg\" alt=\"Ring silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74544-1.jpg\" alt=\"Ring silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337940\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/ring-silver-925-yellow-gold-plated-61\/\" title=\"Ring silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Ring silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GRS74544\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>85,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337940,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3OTQxLCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvcmluZy1zaWx2ZXItOTI1LXllbGxvdy1nb2xkLXBsYXRlZC02MlwvIiwidGl0bGUiOiJSaW5nIHNpbHZlciA5MjUgeWVsbG93IGdvbGQgcGxhdGVkIiwibG9jYWxpemF0aW9uIjp7ImVsIjp7InBvc3RfdGl0bGUiOiJcdTAzOTRcdTAzYjFcdTAzYzdcdTAzYzRcdTAzYzVcdTAzYmJcdTAzYWZcdTAzYjRcdTAzYjkgXHUwM2IxXHUwM2MzXHUwM2FlXHUwM2JjXHUwM2I5IDkyNSBcdTAzYjVcdTAzYzBcdTAzYjlcdTAzYzdcdTAzYzFcdTAzYzVcdTAzYzNcdTAzYzlcdTAzYmNcdTAzYWRcdTAzYmRcdTAzYmYifSwiZW4iOnsicG9zdF90aXRsZSI6IlJpbmcgc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdSUzc0NTQ1IiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NDUuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU0NS5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU0NS0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NDUtMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiNzkiLCJyZWd1bGFyX3ByaWNlIjoiNzkiLCJzYWxlX3ByaWNlIjpudWxsLCJwcmljZV9odG1sIjoiPHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1hbW91bnQgYW1vdW50XCI+PGJkaT43OSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+NzksMDAmbmJzcDs8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWN1cnJlbmN5U3ltYm9sXCI+JmV1cm87PFwvc3Bhbj48XC9iZGk+PFwvc3Bhbj4iLCJzYWxlX3ByaWNlX2h0bWwiOm51bGwsImlzX29uX3NhbGUiOmZhbHNlLCJkaXNjb3VudF9wZXJjZW50YWdlIjowLCJiYWNrb3JkZXJfbm90ZSI6IiIsImF0dHJpYnV0ZXNfYW5kX29wdGlvbnMiOltdLCJ2YXJpYXRpb25zIjpbXSwiY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9ncmVnaW8tY2F0ZWdvcnktZW5cL2Z1bmt5LW1ldGFsLWVuXC9cIiBjbGFzcz1cInRleHQtYm9keSB1cHBlcmNhc2UgdW5kZXJsaW5lXCI+RnVua3kgTWV0YWw8XC9hPiIsInN1Yl9jb2xsZWN0aW9uX2xpc3QiOiI8YSBocmVmPVwiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvZW5cL21ncm91cC1lblwvZ2xvc3MtYm9zcy1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkdsb3NzIEJvc3M8XC9hPiIsImhhc19yaW5nX3NpemVzIjpmYWxzZSwibGFzdF91bml0cyI6ZmFsc2UsImNyb3NzX3NlbGxzIjpbXSwibmV3X2luX2JhZGdlIjpmYWxzZSwibWV0YWxfdmFyaWF0aW9ucyI6W10sImNvbG9yX3ZhcmlhdGlvbnMiOltdLCJtYXRlcmlhbCI6IlNpbHZlciIsImJyYW5kIjoiIiwiY2F0ZWdvcmllcyI6WyJSaW5nIl0sImxpc3RfaWQiOm51bGwsImxpc3RfbmFtZSI6bnVsbH0=') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/ring-silver-925-yellow-gold-plated-62\/\" title=\"Ring silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74545.jpg\" alt=\"Ring silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74545-1.jpg\" alt=\"Ring silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337941\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/ring-silver-925-yellow-gold-plated-62\/\" title=\"Ring silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Ring silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GRS74545\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>79,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337941,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3OTQyLCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvcmluZy1zaWx2ZXItOTI1LXllbGxvdy1nb2xkLXBsYXRlZC02M1wvIiwidGl0bGUiOiJSaW5nIHNpbHZlciA5MjUgeWVsbG93IGdvbGQgcGxhdGVkIiwibG9jYWxpemF0aW9uIjp7ImVsIjp7InBvc3RfdGl0bGUiOiJcdTAzOTRcdTAzYjFcdTAzYzdcdTAzYzRcdTAzYzVcdTAzYmJcdTAzYWZcdTAzYjRcdTAzYjkgXHUwM2IxXHUwM2MzXHUwM2FlXHUwM2JjXHUwM2I5IDkyNSBcdTAzYjVcdTAzYzBcdTAzYjlcdTAzYzdcdTAzYzFcdTAzYzVcdTAzYzNcdTAzYzlcdTAzYmNcdTAzYWRcdTAzYmRcdTAzYmYifSwiZW4iOnsicG9zdF90aXRsZSI6IlJpbmcgc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdSUzc0NTQ2IiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NDYuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU0Ni5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU0Ni0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NDYtMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiNzUiLCJyZWd1bGFyX3ByaWNlIjoiNzUiLCJzYWxlX3ByaWNlIjpudWxsLCJwcmljZV9odG1sIjoiPHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1hbW91bnQgYW1vdW50XCI+PGJkaT43NSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+NzUsMDAmbmJzcDs8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWN1cnJlbmN5U3ltYm9sXCI+JmV1cm87PFwvc3Bhbj48XC9iZGk+PFwvc3Bhbj4iLCJzYWxlX3ByaWNlX2h0bWwiOm51bGwsImlzX29uX3NhbGUiOmZhbHNlLCJkaXNjb3VudF9wZXJjZW50YWdlIjowLCJiYWNrb3JkZXJfbm90ZSI6IiIsImF0dHJpYnV0ZXNfYW5kX29wdGlvbnMiOltdLCJ2YXJpYXRpb25zIjpbXSwiY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9ncmVnaW8tY2F0ZWdvcnktZW5cL2Z1bmt5LW1ldGFsLWVuXC9cIiBjbGFzcz1cInRleHQtYm9keSB1cHBlcmNhc2UgdW5kZXJsaW5lXCI+RnVua3kgTWV0YWw8XC9hPiIsInN1Yl9jb2xsZWN0aW9uX2xpc3QiOiI8YSBocmVmPVwiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvZW5cL21ncm91cC1lblwvZ2xvc3MtYm9zcy1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkdsb3NzIEJvc3M8XC9hPiIsImhhc19yaW5nX3NpemVzIjpmYWxzZSwibGFzdF91bml0cyI6ZmFsc2UsImNyb3NzX3NlbGxzIjpbXSwibmV3X2luX2JhZGdlIjpmYWxzZSwibWV0YWxfdmFyaWF0aW9ucyI6W10sImNvbG9yX3ZhcmlhdGlvbnMiOltdLCJtYXRlcmlhbCI6IlNpbHZlciIsImJyYW5kIjoiIiwiY2F0ZWdvcmllcyI6WyJSaW5nIl0sImxpc3RfaWQiOm51bGwsImxpc3RfbmFtZSI6bnVsbH0=') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/ring-silver-925-yellow-gold-plated-63\/\" title=\"Ring silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74546.jpg\" alt=\"Ring silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74546-1.jpg\" alt=\"Ring silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337942\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/ring-silver-925-yellow-gold-plated-63\/\" title=\"Ring silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Ring silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GRS74546\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>75,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337942,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3ODc4LCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvcmluZy1zaWx2ZXItOTI1LXllbGxvdy1nb2xkLXBsYXRlZC02MFwvIiwidGl0bGUiOiJSaW5nIHNpbHZlciA5MjUgeWVsbG93IGdvbGQgcGxhdGVkIiwibG9jYWxpemF0aW9uIjp7ImVsIjp7InBvc3RfdGl0bGUiOiJcdTAzOTRcdTAzYjFcdTAzYzdcdTAzYzRcdTAzYzVcdTAzYmJcdTAzYWZcdTAzYjRcdTAzYjkgXHUwM2IxXHUwM2MzXHUwM2FlXHUwM2JjXHUwM2I5IDkyNSBcdTAzYjVcdTAzYzBcdTAzYjlcdTAzYzdcdTAzYzFcdTAzYzVcdTAzYzNcdTAzYzlcdTAzYmNcdTAzYWRcdTAzYmRcdTAzYmYifSwiZW4iOnsicG9zdF90aXRsZSI6IlJpbmcgc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdSUzc0NTQ5IiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NDkuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU0OS5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU0OS0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NDktMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiNzkiLCJyZWd1bGFyX3ByaWNlIjoiNzkiLCJzYWxlX3ByaWNlIjpudWxsLCJwcmljZV9odG1sIjoiPHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1hbW91bnQgYW1vdW50XCI+PGJkaT43OSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+NzksMDAmbmJzcDs8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWN1cnJlbmN5U3ltYm9sXCI+JmV1cm87PFwvc3Bhbj48XC9iZGk+PFwvc3Bhbj4iLCJzYWxlX3ByaWNlX2h0bWwiOm51bGwsImlzX29uX3NhbGUiOmZhbHNlLCJkaXNjb3VudF9wZXJjZW50YWdlIjowLCJiYWNrb3JkZXJfbm90ZSI6IiIsImF0dHJpYnV0ZXNfYW5kX29wdGlvbnMiOltdLCJ2YXJpYXRpb25zIjpbXSwiY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9ncmVnaW8tY2F0ZWdvcnktZW5cL2Z1bmt5LW1ldGFsLWVuXC9cIiBjbGFzcz1cInRleHQtYm9keSB1cHBlcmNhc2UgdW5kZXJsaW5lXCI+RnVua3kgTWV0YWw8XC9hPiIsInN1Yl9jb2xsZWN0aW9uX2xpc3QiOiI8YSBocmVmPVwiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvZW5cL21ncm91cC1lblwvZ2xvc3MtYm9zcy1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkdsb3NzIEJvc3M8XC9hPiIsImhhc19yaW5nX3NpemVzIjpmYWxzZSwibGFzdF91bml0cyI6ZmFsc2UsImNyb3NzX3NlbGxzIjpbXSwibmV3X2luX2JhZGdlIjpmYWxzZSwibWV0YWxfdmFyaWF0aW9ucyI6W10sImNvbG9yX3ZhcmlhdGlvbnMiOltdLCJtYXRlcmlhbCI6IlNpbHZlciIsImJyYW5kIjoiIiwiY2F0ZWdvcmllcyI6WyJSaW5nIl0sImxpc3RfaWQiOm51bGwsImxpc3RfbmFtZSI6bnVsbH0=') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/ring-silver-925-yellow-gold-plated-60\/\" title=\"Ring silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74549.jpg\" alt=\"Ring silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74549-1.jpg\" alt=\"Ring silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337878\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/ring-silver-925-yellow-gold-plated-60\/\" title=\"Ring silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Ring silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GRS74549\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>79,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337878,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3ODc5LCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvZWFyaW5ncy1zaWx2ZXItOTI1LXllbGxvdy1nb2xkLXBsYXRlZC01OFwvIiwidGl0bGUiOiJFYXJpbmdzIHNpbHZlciA5MjUgeWVsbG93IGdvbGQgcGxhdGVkIiwibG9jYWxpemF0aW9uIjp7ImVsIjp7InBvc3RfdGl0bGUiOiJcdTAzYTNcdTAzYmFcdTAzYmZcdTAzYzVcdTAzYmJcdTAzYjFcdTAzYzFcdTAzYWZcdTAzYmFcdTAzYjlcdTAzYjEgXHUwM2IxXHUwM2MzXHUwM2FlXHUwM2JjXHUwM2I5IDkyNSBcdTAzYjVcdTAzYzBcdTAzYjlcdTAzYzdcdTAzYzFcdTAzYzVcdTAzYzNcdTAzYzlcdTAzYmNcdTAzYWRcdTAzYmRcdTAzYjEifSwiZW4iOnsicG9zdF90aXRsZSI6IkVhcmluZ3Mgc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdFUzc0NTUwIiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NTAuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU1MC5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU1MC0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NTAtMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiMTM1IiwicmVndWxhcl9wcmljZSI6IjEzNSIsInNhbGVfcHJpY2UiOm51bGwsInByaWNlX2h0bWwiOiI8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWFtb3VudCBhbW91bnRcIj48YmRpPjEzNSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+MTM1LDAwJm5ic3A7PHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1jdXJyZW5jeVN5bWJvbFwiPiZldXJvOzxcL3NwYW4+PFwvYmRpPjxcL3NwYW4+Iiwic2FsZV9wcmljZV9odG1sIjpudWxsLCJpc19vbl9zYWxlIjpmYWxzZSwiZGlzY291bnRfcGVyY2VudGFnZSI6MCwiYmFja29yZGVyX25vdGUiOiIiLCJhdHRyaWJ1dGVzX2FuZF9vcHRpb25zIjpbXSwidmFyaWF0aW9ucyI6W10sImNvbGxlY3Rpb25fbGlzdCI6IjxhIGhyZWY9XCJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvZ3JlZ2lvLWNhdGVnb3J5LWVuXC9mdW5reS1tZXRhbC1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkZ1bmt5IE1ldGFsPFwvYT4iLCJzdWJfY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9tZ3JvdXAtZW5cL2dsb3NzLWJvc3MtZW5cL1wiIGNsYXNzPVwidGV4dC1ib2R5IHVwcGVyY2FzZSB1bmRlcmxpbmVcIj5HbG9zcyBCb3NzPFwvYT4iLCJoYXNfcmluZ19zaXplcyI6ZmFsc2UsImxhc3RfdW5pdHMiOmZhbHNlLCJjcm9zc19zZWxscyI6W10sIm5ld19pbl9iYWRnZSI6ZmFsc2UsIm1ldGFsX3ZhcmlhdGlvbnMiOltdLCJjb2xvcl92YXJpYXRpb25zIjpbXSwibWF0ZXJpYWwiOiJTaWx2ZXIiLCJicmFuZCI6IiIsImNhdGVnb3JpZXMiOlsiRWFycmluZ3MiXSwibGlzdF9pZCI6bnVsbCwibGlzdF9uYW1lIjpudWxsfQ==') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/earings-silver-925-yellow-gold-plated-58\/\" title=\"Earings silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74550.jpg\" alt=\"Earings silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74550-1.jpg\" alt=\"Earings silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337879\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/earings-silver-925-yellow-gold-plated-58\/\" title=\"Earings silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Earings silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GES74550\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>135,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337879,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3ODgwLCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvZWFyaW5ncy1zaWx2ZXItOTI1LXllbGxvdy1nb2xkLXBsYXRlZC01OVwvIiwidGl0bGUiOiJFYXJpbmdzIHNpbHZlciA5MjUgeWVsbG93IGdvbGQgcGxhdGVkIiwibG9jYWxpemF0aW9uIjp7ImVsIjp7InBvc3RfdGl0bGUiOiJcdTAzYTNcdTAzYmFcdTAzYmZcdTAzYzVcdTAzYmJcdTAzYjFcdTAzYzFcdTAzYWZcdTAzYmFcdTAzYjlcdTAzYjEgXHUwM2IxXHUwM2MzXHUwM2FlXHUwM2JjXHUwM2I5IDkyNSBcdTAzYjVcdTAzYzBcdTAzYjlcdTAzYzdcdTAzYzFcdTAzYzVcdTAzYzNcdTAzYzlcdTAzYmNcdTAzYWRcdTAzYmRcdTAzYjEifSwiZW4iOnsicG9zdF90aXRsZSI6IkVhcmluZ3Mgc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdFUzc0NTUxIiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NTEuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU1MS5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU1MS0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NTEtMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiMTI5IiwicmVndWxhcl9wcmljZSI6IjEyOSIsInNhbGVfcHJpY2UiOm51bGwsInByaWNlX2h0bWwiOiI8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWFtb3VudCBhbW91bnRcIj48YmRpPjEyOSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+MTI5LDAwJm5ic3A7PHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1jdXJyZW5jeVN5bWJvbFwiPiZldXJvOzxcL3NwYW4+PFwvYmRpPjxcL3NwYW4+Iiwic2FsZV9wcmljZV9odG1sIjpudWxsLCJpc19vbl9zYWxlIjpmYWxzZSwiZGlzY291bnRfcGVyY2VudGFnZSI6MCwiYmFja29yZGVyX25vdGUiOiIiLCJhdHRyaWJ1dGVzX2FuZF9vcHRpb25zIjpbXSwidmFyaWF0aW9ucyI6W10sImNvbGxlY3Rpb25fbGlzdCI6IjxhIGhyZWY9XCJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvZ3JlZ2lvLWNhdGVnb3J5LWVuXC9mdW5reS1tZXRhbC1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkZ1bmt5IE1ldGFsPFwvYT4iLCJzdWJfY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9tZ3JvdXAtZW5cL2dsb3NzLWJvc3MtZW5cL1wiIGNsYXNzPVwidGV4dC1ib2R5IHVwcGVyY2FzZSB1bmRlcmxpbmVcIj5HbG9zcyBCb3NzPFwvYT4iLCJoYXNfcmluZ19zaXplcyI6ZmFsc2UsImxhc3RfdW5pdHMiOmZhbHNlLCJjcm9zc19zZWxscyI6W10sIm5ld19pbl9iYWRnZSI6ZmFsc2UsIm1ldGFsX3ZhcmlhdGlvbnMiOltdLCJjb2xvcl92YXJpYXRpb25zIjpbXSwibWF0ZXJpYWwiOiJTaWx2ZXIiLCJicmFuZCI6IiIsImNhdGVnb3JpZXMiOlsiRWFycmluZ3MiXSwibGlzdF9pZCI6bnVsbCwibGlzdF9uYW1lIjpudWxsfQ==') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/earings-silver-925-yellow-gold-plated-59\/\" title=\"Earings silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74551.jpg\" alt=\"Earings silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74551-1.jpg\" alt=\"Earings silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337880\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/earings-silver-925-yellow-gold-plated-59\/\" title=\"Earings silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Earings silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GES74551\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>129,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337880,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3ODgzLCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvZWFyaW5ncy1zaWx2ZXItOTI1LXllbGxvdy1nb2xkLXBsYXRlZC02MlwvIiwidGl0bGUiOiJFYXJpbmdzIHNpbHZlciA5MjUgeWVsbG93IGdvbGQgcGxhdGVkIiwibG9jYWxpemF0aW9uIjp7ImVsIjp7InBvc3RfdGl0bGUiOiJcdTAzYTNcdTAzYmFcdTAzYmZcdTAzYzVcdTAzYmJcdTAzYjFcdTAzYzFcdTAzYWZcdTAzYmFcdTAzYjlcdTAzYjEgXHUwM2IxXHUwM2MzXHUwM2FlXHUwM2JjXHUwM2I5IDkyNSBcdTAzYjVcdTAzYzBcdTAzYjlcdTAzYzdcdTAzYzFcdTAzYzVcdTAzYzNcdTAzYzlcdTAzYmNcdTAzYWRcdTAzYmRcdTAzYjEifSwiZW4iOnsicG9zdF90aXRsZSI6IkVhcmluZ3Mgc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdFUzc0NTU0IiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NTQuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU1NC5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU1NC0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NTQtMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiOTUiLCJyZWd1bGFyX3ByaWNlIjoiOTUiLCJzYWxlX3ByaWNlIjpudWxsLCJwcmljZV9odG1sIjoiPHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1hbW91bnQgYW1vdW50XCI+PGJkaT45NSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+OTUsMDAmbmJzcDs8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWN1cnJlbmN5U3ltYm9sXCI+JmV1cm87PFwvc3Bhbj48XC9iZGk+PFwvc3Bhbj4iLCJzYWxlX3ByaWNlX2h0bWwiOm51bGwsImlzX29uX3NhbGUiOmZhbHNlLCJkaXNjb3VudF9wZXJjZW50YWdlIjowLCJiYWNrb3JkZXJfbm90ZSI6IiIsImF0dHJpYnV0ZXNfYW5kX29wdGlvbnMiOltdLCJ2YXJpYXRpb25zIjpbXSwiY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9ncmVnaW8tY2F0ZWdvcnktZW5cL2Z1bmt5LW1ldGFsLWVuXC9cIiBjbGFzcz1cInRleHQtYm9keSB1cHBlcmNhc2UgdW5kZXJsaW5lXCI+RnVua3kgTWV0YWw8XC9hPiIsInN1Yl9jb2xsZWN0aW9uX2xpc3QiOiI8YSBocmVmPVwiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvZW5cL21ncm91cC1lblwvZ2xvc3MtYm9zcy1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkdsb3NzIEJvc3M8XC9hPiIsImhhc19yaW5nX3NpemVzIjpmYWxzZSwibGFzdF91bml0cyI6ZmFsc2UsImNyb3NzX3NlbGxzIjpbXSwibmV3X2luX2JhZGdlIjpmYWxzZSwibWV0YWxfdmFyaWF0aW9ucyI6W10sImNvbG9yX3ZhcmlhdGlvbnMiOltdLCJtYXRlcmlhbCI6IlNpbHZlciIsImJyYW5kIjoiIiwiY2F0ZWdvcmllcyI6WyJFYXJyaW5ncyJdLCJsaXN0X2lkIjpudWxsLCJsaXN0X25hbWUiOm51bGx9') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/earings-silver-925-yellow-gold-plated-62\/\" title=\"Earings silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74554.jpg\" alt=\"Earings silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74554-1.jpg\" alt=\"Earings silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337883\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/earings-silver-925-yellow-gold-plated-62\/\" title=\"Earings silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Earings silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GES74554\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>95,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337883,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3ODg0LCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvZWFyaW5ncy1zaWx2ZXItOTI1LXllbGxvdy1nb2xkLXBsYXRlZC02M1wvIiwidGl0bGUiOiJFYXJpbmdzIHNpbHZlciA5MjUgeWVsbG93IGdvbGQgcGxhdGVkIiwibG9jYWxpemF0aW9uIjp7ImVsIjp7InBvc3RfdGl0bGUiOiJcdTAzYTNcdTAzYmFcdTAzYmZcdTAzYzVcdTAzYmJcdTAzYjFcdTAzYzFcdTAzYWZcdTAzYmFcdTAzYjlcdTAzYjEgXHUwM2IxXHUwM2MzXHUwM2FlXHUwM2JjXHUwM2I5IDkyNSBcdTAzYjVcdTAzYzBcdTAzYjlcdTAzYzdcdTAzYzFcdTAzYzVcdTAzYzNcdTAzYzlcdTAzYmNcdTAzYWRcdTAzYmRcdTAzYjEifSwiZW4iOnsicG9zdF90aXRsZSI6IkVhcmluZ3Mgc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdFUzc0NTU1IiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NTUuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU1NS5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU1NS0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NTUtMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiOTkiLCJyZWd1bGFyX3ByaWNlIjoiOTkiLCJzYWxlX3ByaWNlIjpudWxsLCJwcmljZV9odG1sIjoiPHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1hbW91bnQgYW1vdW50XCI+PGJkaT45OSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+OTksMDAmbmJzcDs8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWN1cnJlbmN5U3ltYm9sXCI+JmV1cm87PFwvc3Bhbj48XC9iZGk+PFwvc3Bhbj4iLCJzYWxlX3ByaWNlX2h0bWwiOm51bGwsImlzX29uX3NhbGUiOmZhbHNlLCJkaXNjb3VudF9wZXJjZW50YWdlIjowLCJiYWNrb3JkZXJfbm90ZSI6IiIsImF0dHJpYnV0ZXNfYW5kX29wdGlvbnMiOltdLCJ2YXJpYXRpb25zIjpbXSwiY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9ncmVnaW8tY2F0ZWdvcnktZW5cL2Z1bmt5LW1ldGFsLWVuXC9cIiBjbGFzcz1cInRleHQtYm9keSB1cHBlcmNhc2UgdW5kZXJsaW5lXCI+RnVua3kgTWV0YWw8XC9hPiIsInN1Yl9jb2xsZWN0aW9uX2xpc3QiOiI8YSBocmVmPVwiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvZW5cL21ncm91cC1lblwvZ2xvc3MtYm9zcy1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkdsb3NzIEJvc3M8XC9hPiIsImhhc19yaW5nX3NpemVzIjpmYWxzZSwibGFzdF91bml0cyI6ZmFsc2UsImNyb3NzX3NlbGxzIjpbXSwibmV3X2luX2JhZGdlIjpmYWxzZSwibWV0YWxfdmFyaWF0aW9ucyI6W10sImNvbG9yX3ZhcmlhdGlvbnMiOltdLCJtYXRlcmlhbCI6IlNpbHZlciIsImJyYW5kIjoiIiwiY2F0ZWdvcmllcyI6WyJFYXJyaW5ncyJdLCJsaXN0X2lkIjpudWxsLCJsaXN0X25hbWUiOm51bGx9') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/earings-silver-925-yellow-gold-plated-63\/\" title=\"Earings silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74555.jpg\" alt=\"Earings silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74555-1.jpg\" alt=\"Earings silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337884\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/earings-silver-925-yellow-gold-plated-63\/\" title=\"Earings silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Earings silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GES74555\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>99,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337884,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3ODc3LCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvZWFyaW5ncy1zaWx2ZXItOTI1LXllbGxvdy1nb2xkLXBsYXRlZC01N1wvIiwidGl0bGUiOiJFYXJpbmdzIHNpbHZlciA5MjUgeWVsbG93IGdvbGQgcGxhdGVkIiwibG9jYWxpemF0aW9uIjp7ImVsIjp7InBvc3RfdGl0bGUiOiJcdTAzYTNcdTAzYmFcdTAzYmZcdTAzYzVcdTAzYmJcdTAzYjFcdTAzYzFcdTAzYWZcdTAzYmFcdTAzYjlcdTAzYjEgXHUwM2IxXHUwM2MzXHUwM2FlXHUwM2JjXHUwM2I5IDkyNSBcdTAzYjVcdTAzYzBcdTAzYjlcdTAzYzdcdTAzYzFcdTAzYzVcdTAzYzNcdTAzYzlcdTAzYmNcdTAzYWRcdTAzYmRcdTAzYjEifSwiZW4iOnsicG9zdF90aXRsZSI6IkVhcmluZ3Mgc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdFUzc1MzUxIiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzUzNTEuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NTM1MS5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NTM1MS0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzUzNTEtMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiNTUiLCJyZWd1bGFyX3ByaWNlIjoiNTUiLCJzYWxlX3ByaWNlIjpudWxsLCJwcmljZV9odG1sIjoiPHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1hbW91bnQgYW1vdW50XCI+PGJkaT41NSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+NTUsMDAmbmJzcDs8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWN1cnJlbmN5U3ltYm9sXCI+JmV1cm87PFwvc3Bhbj48XC9iZGk+PFwvc3Bhbj4iLCJzYWxlX3ByaWNlX2h0bWwiOm51bGwsImlzX29uX3NhbGUiOmZhbHNlLCJkaXNjb3VudF9wZXJjZW50YWdlIjowLCJiYWNrb3JkZXJfbm90ZSI6IiIsImF0dHJpYnV0ZXNfYW5kX29wdGlvbnMiOltdLCJ2YXJpYXRpb25zIjpbXSwiY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9ncmVnaW8tY2F0ZWdvcnktZW5cL2Z1bmt5LW1ldGFsLWVuXC9cIiBjbGFzcz1cInRleHQtYm9keSB1cHBlcmNhc2UgdW5kZXJsaW5lXCI+RnVua3kgTWV0YWw8XC9hPiIsInN1Yl9jb2xsZWN0aW9uX2xpc3QiOiI8YSBocmVmPVwiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvZW5cL21ncm91cC1lblwvZ2xvc3MtYm9zcy1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkdsb3NzIEJvc3M8XC9hPiIsImhhc19yaW5nX3NpemVzIjpmYWxzZSwibGFzdF91bml0cyI6ZmFsc2UsImNyb3NzX3NlbGxzIjpbXSwibmV3X2luX2JhZGdlIjpmYWxzZSwibWV0YWxfdmFyaWF0aW9ucyI6W10sImNvbG9yX3ZhcmlhdGlvbnMiOltdLCJtYXRlcmlhbCI6IlNpbHZlciIsImJyYW5kIjoiIiwiY2F0ZWdvcmllcyI6WyJFYXJyaW5ncyJdLCJsaXN0X2lkIjpudWxsLCJsaXN0X25hbWUiOm51bGx9') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/earings-silver-925-yellow-gold-plated-57\/\" title=\"Earings silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/75351.jpg\" alt=\"Earings silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/75351-1.jpg\" alt=\"Earings silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337877\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/earings-silver-925-yellow-gold-plated-57\/\" title=\"Earings silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Earings silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GES75351\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>55,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337877,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3ODg2LCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvZWFyaW5ncy1zaWx2ZXItOTI1LXllbGxvdy1nb2xkLXBsYXRlZC02NVwvIiwidGl0bGUiOiJFYXJpbmdzIHNpbHZlciA5MjUgeWVsbG93IGdvbGQgcGxhdGVkIiwibG9jYWxpemF0aW9uIjp7ImVsIjp7InBvc3RfdGl0bGUiOiJcdTAzYTNcdTAzYmFcdTAzYmZcdTAzYzVcdTAzYmJcdTAzYjFcdTAzYzFcdTAzYWZcdTAzYmFcdTAzYjlcdTAzYjEgXHUwM2IxXHUwM2MzXHUwM2FlXHUwM2JjXHUwM2I5IDkyNSBcdTAzYjVcdTAzYzBcdTAzYjlcdTAzYzdcdTAzYzFcdTAzYzVcdTAzYzNcdTAzYzlcdTAzYmNcdTAzYWRcdTAzYmRcdTAzYjEifSwiZW4iOnsicG9zdF90aXRsZSI6IkVhcmluZ3Mgc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdFUzc0NTU3IiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NTcuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU1Ny5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU1Ny0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NTctMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiNTUiLCJyZWd1bGFyX3ByaWNlIjoiNTUiLCJzYWxlX3ByaWNlIjpudWxsLCJwcmljZV9odG1sIjoiPHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1hbW91bnQgYW1vdW50XCI+PGJkaT41NSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+NTUsMDAmbmJzcDs8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWN1cnJlbmN5U3ltYm9sXCI+JmV1cm87PFwvc3Bhbj48XC9iZGk+PFwvc3Bhbj4iLCJzYWxlX3ByaWNlX2h0bWwiOm51bGwsImlzX29uX3NhbGUiOmZhbHNlLCJkaXNjb3VudF9wZXJjZW50YWdlIjowLCJiYWNrb3JkZXJfbm90ZSI6IiIsImF0dHJpYnV0ZXNfYW5kX29wdGlvbnMiOltdLCJ2YXJpYXRpb25zIjpbXSwiY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9ncmVnaW8tY2F0ZWdvcnktZW5cL2Z1bmt5LW1ldGFsLWVuXC9cIiBjbGFzcz1cInRleHQtYm9keSB1cHBlcmNhc2UgdW5kZXJsaW5lXCI+RnVua3kgTWV0YWw8XC9hPiIsInN1Yl9jb2xsZWN0aW9uX2xpc3QiOiI8YSBocmVmPVwiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvZW5cL21ncm91cC1lblwvZ2xvc3MtYm9zcy1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkdsb3NzIEJvc3M8XC9hPiIsImhhc19yaW5nX3NpemVzIjpmYWxzZSwibGFzdF91bml0cyI6ZmFsc2UsImNyb3NzX3NlbGxzIjpbXSwibmV3X2luX2JhZGdlIjpmYWxzZSwibWV0YWxfdmFyaWF0aW9ucyI6W10sImNvbG9yX3ZhcmlhdGlvbnMiOltdLCJtYXRlcmlhbCI6IlNpbHZlciIsImJyYW5kIjoiIiwiY2F0ZWdvcmllcyI6WyJFYXJyaW5ncyJdLCJsaXN0X2lkIjpudWxsLCJsaXN0X25hbWUiOm51bGx9') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/earings-silver-925-yellow-gold-plated-65\/\" title=\"Earings silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74557.jpg\" alt=\"Earings silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74557-1.jpg\" alt=\"Earings silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337886\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/earings-silver-925-yellow-gold-plated-65\/\" title=\"Earings silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Earings silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GES74557\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>55,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337886,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                            <swiper-slide class=\"h-auto\">\n                    <div\nx-data=\"productCard({ productCardData: JSON.parse( atob('eyJwcm9kdWN0X2lkIjoxMzM3ODg1LCJ0eXBlIjoic2ltcGxlIiwic3RvY2tfc3RhdHVzIjoiaW5zdG9jayIsIm1heF9xdHkiOi0xLCJtaW5fcXR5IjoxLCJwZXJtYWxpbmsiOiJodHRwczpcL1wvd3d3LmdyZWdpb2VzaG9wLmdyXC9lblwvcHJvZHVjdFwvZWFyaW5ncy1zaWx2ZXItOTI1LXllbGxvdy1nb2xkLXBsYXRlZC02NFwvIiwidGl0bGUiOiJFYXJpbmdzIHNpbHZlciA5MjUgeWVsbG93IGdvbGQgcGxhdGVkIiwibG9jYWxpemF0aW9uIjp7ImVsIjp7InBvc3RfdGl0bGUiOiJcdTAzYTNcdTAzYmFcdTAzYmZcdTAzYzVcdTAzYmJcdTAzYjFcdTAzYzFcdTAzYWZcdTAzYmFcdTAzYjlcdTAzYjEgXHUwM2IxXHUwM2MzXHUwM2FlXHUwM2JjXHUwM2I5IDkyNSBcdTAzYjVcdTAzYzBcdTAzYjlcdTAzYzdcdTAzYzFcdTAzYzVcdTAzYzNcdTAzYzlcdTAzYmNcdTAzYWRcdTAzYmRcdTAzYjEifSwiZW4iOnsicG9zdF90aXRsZSI6IkVhcmluZ3Mgc2lsdmVyIDkyNSB5ZWxsb3cgZ29sZCBwbGF0ZWQifX0sInNrdSI6IkdFUzc0NTU2IiwiaW1hZ2Vfc3JjIjp7Indvb2NvbW1lcmNlX3NpbmdsZSI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NTYuanBnIiwid29vY29tbWVyY2VfdGh1bWJuYWlsIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU1Ni5qcGcifSwiaW1hZ2Vfc3JjXzIiOnsid29vY29tbWVyY2Vfc2luZ2xlIjoiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvd3AtY29udGVudFwvdXBsb2Fkc1wvYXNzZXRzXC83NDU1Ni0xLmpwZyIsIndvb2NvbW1lcmNlX3RodW1ibmFpbCI6Imh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL2Fzc2V0c1wvNzQ1NTYtMS5qcGcifSwidmlkZW8iOm51bGwsInByaWNlIjoiNjkiLCJyZWd1bGFyX3ByaWNlIjoiNjkiLCJzYWxlX3ByaWNlIjpudWxsLCJwcmljZV9odG1sIjoiPHNwYW4gY2xhc3M9XCJ3b29jb21tZXJjZS1QcmljZS1hbW91bnQgYW1vdW50XCI+PGJkaT42OSwwMCZuYnNwOzxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtY3VycmVuY3lTeW1ib2xcIj4mZXVybzs8XC9zcGFuPjxcL2JkaT48XC9zcGFuPiIsInJlZ3VsYXJfcHJpY2VfaHRtbCI6IjxzcGFuIGNsYXNzPVwid29vY29tbWVyY2UtUHJpY2UtYW1vdW50IGFtb3VudFwiPjxiZGk+NjksMDAmbmJzcDs8c3BhbiBjbGFzcz1cIndvb2NvbW1lcmNlLVByaWNlLWN1cnJlbmN5U3ltYm9sXCI+JmV1cm87PFwvc3Bhbj48XC9iZGk+PFwvc3Bhbj4iLCJzYWxlX3ByaWNlX2h0bWwiOm51bGwsImlzX29uX3NhbGUiOmZhbHNlLCJkaXNjb3VudF9wZXJjZW50YWdlIjowLCJiYWNrb3JkZXJfbm90ZSI6IiIsImF0dHJpYnV0ZXNfYW5kX29wdGlvbnMiOltdLCJ2YXJpYXRpb25zIjpbXSwiY29sbGVjdGlvbl9saXN0IjoiPGEgaHJlZj1cImh0dHBzOlwvXC93d3cuZ3JlZ2lvZXNob3AuZ3JcL2VuXC9ncmVnaW8tY2F0ZWdvcnktZW5cL2Z1bmt5LW1ldGFsLWVuXC9cIiBjbGFzcz1cInRleHQtYm9keSB1cHBlcmNhc2UgdW5kZXJsaW5lXCI+RnVua3kgTWV0YWw8XC9hPiIsInN1Yl9jb2xsZWN0aW9uX2xpc3QiOiI8YSBocmVmPVwiaHR0cHM6XC9cL3d3dy5ncmVnaW9lc2hvcC5nclwvZW5cL21ncm91cC1lblwvZ2xvc3MtYm9zcy1lblwvXCIgY2xhc3M9XCJ0ZXh0LWJvZHkgdXBwZXJjYXNlIHVuZGVybGluZVwiPkdsb3NzIEJvc3M8XC9hPiIsImhhc19yaW5nX3NpemVzIjpmYWxzZSwibGFzdF91bml0cyI6ZmFsc2UsImNyb3NzX3NlbGxzIjpbXSwibmV3X2luX2JhZGdlIjpmYWxzZSwibWV0YWxfdmFyaWF0aW9ucyI6W10sImNvbG9yX3ZhcmlhdGlvbnMiOltdLCJtYXRlcmlhbCI6IlNpbHZlciIsImJyYW5kIjoiIiwiY2F0ZWdvcmllcyI6WyJFYXJyaW5ncyJdLCJsaXN0X2lkIjpudWxsLCJsaXN0X25hbWUiOm51bGx9') ) })\"\nclass=\"product-card group flex flex-col h-full\"\n>\n    <div class=\"shrink-0 relative flex aspect-square overflow-hidden bg-[#FAF8F6]\">\n        <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/earings-silver-925-yellow-gold-plated-64\/\" title=\"Earings silver 925 yellow gold plated\" class=\"w-full flex aspect-square overflow-hidden relative bg-[#FAF8F6]\">\n            \n            \n                            <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-100  group-hover:opacity-0  transition-opacity duration-500 ease-in-out\">\n                    <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74556.jpg\" alt=\"Earings silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                <\/div>\n                                    <div class=\"bg-[#FAF8F6] flex absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out\">\n                        <img decoding=\"async\" src=\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/assets\/74556-1.jpg\" alt=\"Earings silver 925 yellow gold plated\" class=\"maybeAddMixBlend object-contain w-full\">\n                    <\/div>\n                            \n            <div class=\"absolute right-1 md:right-2 top-1 md:top-2 flex gap-1 md:gap-2\">\n                                    <div class=\"bg-white text-[10px] leading-3 font-semibold text-body p-1 md:p-2 shadow-sm uppercase\">\n                        Silver\n                    <\/div>\n                                \n            <\/div>\n        <\/a>\n\n        <div class=\"opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-in-out flex flex-col z-10 overflow-hidden absolute left-0 bottom-0  w-full bg-white\">\n                        <template x-if=\"productCardData.hasOwnProperty('attributes_and_options') &#038;&#038; productCardData.attributes_and_options.hasOwnProperty(0)\">\n                <div class=\"flex flex-col gap-2 px-2 py-2 border-t border-[#e5e7eb]\">\n                    <template x-for=\"attr in productCardData.attributes_and_options\" :key=\"attr.id\">\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                            <template x-for=\"term in attr.options\">\n                                \n                                <div>\n                                    <template x-if=\"attr.display_type === 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"w-5 h-5 rounded-full border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\" style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n\n                                    <template x-if=\"attr.display_type !== 'color'\">\n                                        <button type=\"button\" \n                                            x-on:click=\"changeSelectedOptionOfAttribute(attr.name, term.slug, attr.display_type)\"\n                                            class=\"px-1 h-5 border border-[#e5e7eb]\"\n                                            :class=\"selectedOptions.hasOwnProperty(attr.name) &#038;&#038; selectedOptions[attr.name] == term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\"\n                                        >    \n                                        <\/button>\n                                    <\/template>\n                                <\/div>\n\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/template>\n\n            <button x-on:click.prevent=\"addOneToCart()\" type=\"button\" name=\"add-to-cart\" value=\"1337885\" \n                :class=\"showButtons ? 'cursor-default':'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary hover:!bg-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading &#038;&#038; !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-text=\"qty\"><\/span>\n                    <svg x-show=\"loading\" class=\"w-4 h-4 text-white pointer-events-none animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"decreaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled &#038;&#038; '!cursor-not-allowed'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 left-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"2\" viewBox=\"0 0 18 2\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 1H1\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading &#038;&#038; showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled &#038;&#038; '!cursor-not-allowed !bg-red-600'\" class=\"cursor-pointer z-10 flex items-center absolute top-1.5 right-1.5 h-[calc(100%_-_.75rem)] transition text-white p-1 bg-secondary hover:bg-secondary\/65\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 1V17M17 9L1 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                \n            <\/button>\n                    <\/div>\n                     \n    <\/div>\n\n    <div class=\"h-full flex flex-col justify-between gap-1.5 pt-2 md:pt-3 px-2\">\n        <div class=\"flex flex-col gap-1.5\">\n            <div class=\"flex flex-col\">\n                <a href=\"https:\/\/www.gregioeshop.gr\/en\/product\/earings-silver-925-yellow-gold-plated-64\/\" title=\"Earings silver 925 yellow gold plated\" class=\"w-full flex items-start justify-between gap-1.5\">\n                    <h3 class=\"text-xs md:text-sm uppercase text-body font-semibold mb-0 line-clamp-2\">\n                        Earings silver 925 yellow gold plated\n                    <\/h3>\n                <\/a>\n                <div class=\"text-secondary text-sm text-body uppercase\">\n                     SKU: GES74556\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"text-xs text-body uppercase p_card_collection_list\">\n                    <a href=\"https:\/\/www.gregioeshop.gr\/en\/gregio-category-en\/funky-metal-en\/\" class=\"text-body uppercase underline\">Funky Metal<\/a> \/ <a href=\"https:\/\/www.gregioeshop.gr\/en\/mgroup-en\/gloss-boss-en\/\" class=\"text-body uppercase underline\">Gloss Boss<\/a>\n                <\/div>\n            \n            \n                    <\/div>\n        <div>\n            <div class=\"text-sm text-body flex items-center justify-between\">\n                <div>\n                    <span class=\"woocommerce-Price-amount amount\"><bdi>69,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span>\n                                    <\/div>\n                <div class=\"flex\"> \n                    <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1337885,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist &#038;&#038; 'in-my-wishlist'\"\n    class=\"w-auto flex \"\n    x-on:click.prevent=\"addOrRemove()\"\n>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-auto\" width=\"16\" height=\"14.19\" viewBox=\"0 0 16 14.19\">\n        <path d=\"M14.37 1.63a3.88 3.88 0 00-5.48 0L8 2.52l-.89-.89a3.87 3.87 0 00-5.48 5.48l.89.89L8 13.48 13.48 8l.89-.89a3.88 3.88 0 000-5.48z\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\"><\/path>\n    <\/svg>\n    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/swiper-slide>\n                    <\/div>\n\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":true,"footnotes":""},"class_list":["post-1635502","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>THE FUNKY METAL | GregioEshop<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.gregioeshop.gr\/en\/the-funky-metal\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"THE FUNKY METAL | GregioEshop\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.gregioeshop.gr\/en\/the-funky-metal\/\" \/>\n<meta property=\"og:site_name\" content=\"GregioEshop\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T11:29:53+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.gregioeshop.gr\/en\/the-funky-metal\/\",\"url\":\"https:\/\/www.gregioeshop.gr\/en\/the-funky-metal\/\",\"name\":\"THE FUNKY METAL | GregioEshop\",\"isPartOf\":{\"@id\":\"https:\/\/www.gregioeshop.gr\/en\/#website\"},\"datePublished\":\"2026-04-21T11:08:36+00:00\",\"dateModified\":\"2026-04-21T11:29:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.gregioeshop.gr\/en\/the-funky-metal\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.gregioeshop.gr\/en\/the-funky-metal\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.gregioeshop.gr\/en\/the-funky-metal\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.gregioeshop.gr\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"THE FUNKY METAL\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.gregioeshop.gr\/en\/#website\",\"url\":\"https:\/\/www.gregioeshop.gr\/en\/\",\"name\":\"Gregio \u039a\u03bf\u03c3\u03bc\u03ae\u03bc\u03b1\u03c4\u03b1\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.gregioeshop.gr\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.gregioeshop.gr\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.gregioeshop.gr\/en\/#organization\",\"name\":\"Gregio\",\"url\":\"https:\/\/www.gregioeshop.gr\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.gregioeshop.gr\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/2025\/11\/Gregio-logo.svg\",\"contentUrl\":\"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/2025\/11\/Gregio-logo.svg\",\"width\":1,\"height\":1,\"caption\":\"Gregio\"},\"image\":{\"@id\":\"https:\/\/www.gregioeshop.gr\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"THE FUNKY METAL | GregioEshop","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.gregioeshop.gr\/en\/the-funky-metal\/","og_locale":"en_US","og_type":"article","og_title":"THE FUNKY METAL | GregioEshop","og_url":"https:\/\/www.gregioeshop.gr\/en\/the-funky-metal\/","og_site_name":"GregioEshop","article_modified_time":"2026-04-21T11:29:53+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.gregioeshop.gr\/en\/the-funky-metal\/","url":"https:\/\/www.gregioeshop.gr\/en\/the-funky-metal\/","name":"THE FUNKY METAL | GregioEshop","isPartOf":{"@id":"https:\/\/www.gregioeshop.gr\/en\/#website"},"datePublished":"2026-04-21T11:08:36+00:00","dateModified":"2026-04-21T11:29:53+00:00","breadcrumb":{"@id":"https:\/\/www.gregioeshop.gr\/en\/the-funky-metal\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.gregioeshop.gr\/en\/the-funky-metal\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.gregioeshop.gr\/en\/the-funky-metal\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.gregioeshop.gr\/en\/"},{"@type":"ListItem","position":2,"name":"THE FUNKY METAL"}]},{"@type":"WebSite","@id":"https:\/\/www.gregioeshop.gr\/en\/#website","url":"https:\/\/www.gregioeshop.gr\/en\/","name":"Gregio \u039a\u03bf\u03c3\u03bc\u03ae\u03bc\u03b1\u03c4\u03b1","description":"","publisher":{"@id":"https:\/\/www.gregioeshop.gr\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.gregioeshop.gr\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.gregioeshop.gr\/en\/#organization","name":"Gregio","url":"https:\/\/www.gregioeshop.gr\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.gregioeshop.gr\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/2025\/11\/Gregio-logo.svg","contentUrl":"https:\/\/www.gregioeshop.gr\/wp-content\/uploads\/2025\/11\/Gregio-logo.svg","width":1,"height":1,"caption":"Gregio"},"image":{"@id":"https:\/\/www.gregioeshop.gr\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.gregioeshop.gr\/en\/wp-json\/wp\/v2\/pages\/1635502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gregioeshop.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gregioeshop.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gregioeshop.gr\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gregioeshop.gr\/en\/wp-json\/wp\/v2\/comments?post=1635502"}],"version-history":[{"count":0,"href":"https:\/\/www.gregioeshop.gr\/en\/wp-json\/wp\/v2\/pages\/1635502\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gregioeshop.gr\/en\/wp-json\/wp\/v2\/media?parent=1635502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}