{"id":135,"date":"2026-05-12T15:27:34","date_gmt":"2026-05-12T12:27:34","guid":{"rendered":"https:\/\/starbucks.com.gr\/home\/"},"modified":"2026-07-16T16:05:38","modified_gmt":"2026-07-16T13:05:38","slug":"home","status":"publish","type":"page","link":"https:\/\/starbucks.com.gr\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"n2_clear\"><ss3-force-full-width data-overflow-x=\"body\" data-horizontal-selector=\"body\"><div class=\"n2-section-smartslider fitvidsignore  n2_clear\" data-ssid=\"2\" tabindex=\"0\" role=\"region\" aria-label=\"Slider\"><div id=\"n2-ss-2-align\" class=\"n2-ss-align\"><div class=\"n2-padding\"><div id=\"n2-ss-2\" data-creator=\"Smart Slider 3\" data-responsive=\"fullwidth\" class=\"n2-ss-slider n2-ow n2-has-hover n2notransition  \">\n        <div class=\"n2-ss-slider-1 n2_ss__touch_element n2-ow\">\n            <div class=\"n2-ss-slider-2 n2-ow\">\n                                                <div class=\"n2-ss-slider-3 n2-ow\">\n\n                    <div class=\"n2-ss-slide-backgrounds n2-ow-all\"><div class=\"n2-ss-slide-background\" data-public-id=\"1\" data-mode=\"fill\"><div class=\"n2-ss-slide-background-image\" data-blur=\"0\" data-opacity=\"100\" data-x=\"50\" data-y=\"43\" data-alt=\"\" data-title=\"\" style=\"--ss-o-pos-y:43%\"><picture class=\"skip-lazy\" data-skip-lazy=\"1\"><source srcset=\"\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/hero-original-mobile-v5.jpg\" media=\"(orientation: landscape) and (max-width: 900px),(orientation: portrait) and (max-width: 700px)\" class=\"skip-lazy\" data-skip-lazy=\"1\"><source srcset=\"\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/hero-original-mobile-v5.jpg\" media=\"(orientation: landscape) and (max-width: 1199px) and (min-width: 901px),(orientation: portrait) and (max-width: 1199px) and (min-width: 701px)\" class=\"skip-lazy\" data-skip-lazy=\"1\"><img decoding=\"async\" src=\"\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/hero-original-v5-scaled.jpg\" alt=\"\" title=\"\" loading=\"lazy\" class=\"skip-lazy\" data-skip-lazy=\"1\"><\/picture><\/div><div data-color=\"RGBA(255,255,255,0)\" style=\"background-color: RGBA(255,255,255,0);\" class=\"n2-ss-slide-background-color\"><\/div><\/div><\/div>                    <div class=\"n2-ss-slider-4 n2-ow\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1920 850\" data-related-device=\"desktopPortrait\" class=\"n2-ow n2-ss-preserve-size n2-ss-preserve-size--slider n2-ss-slide-limiter\"><\/svg><div data-first=\"1\" data-slide-duration=\"0\" data-id=\"7\" data-slide-public-id=\"1\" data-title=\"Full 1\" class=\"n2-ss-slide n2-ow  n2-ss-slide-7\"><div role=\"note\" class=\"n2-ss-slide--focus\" tabindex=\"-1\">Full 1<\/div><div class=\"n2-ss-layers-container n2-ss-slide-limiter n2-ow\"><div class=\"n2-ss-layer n2-ow n-uc-fuh2MykSezJ4\" data-sstype=\"slide\" data-pm=\"default\"><\/div><\/div><\/div>                    <\/div>\n\n                                    <\/div>\n            <\/div>\n        <\/div>\n        <\/div><ss3-loader><\/ss3-loader><\/div><\/div><div class=\"n2_clear\"><\/div><\/div><\/ss3-force-full-width><\/div>\n\n<div    \n    class=\"ht-container-no-max-width \n        align wp-block-container\">\n    <div class=\"acf-innerblocks-container\">\n<section class=\"slider-products relative z-10  align wp-block-product-slider \">\n        <div class=\"w-full ht-container-large relative -mt-[50px] sm:-mt-[100px]\">\n\n            \n            <div class=\"w-full\">\n            <swiper-container init=\"false\" class=\"hidden\">\n                                                            <swiper-slide class=\"h-auto\">\n                            <div  class=\"product-card group\">\n    <div class=\"flex aspect-square overflow-hidden relative\">\n        <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-bottle-green-2\/\" title=\"Stainless Steel Bottle Green\"\n            class=\"w-full flex aspect-square overflow-hidden relative\">\n                            <div\n                    class=\"flex absolute inset-0 opacity-100  transition-opacity duration-500 ease-in-out bg-white rounded-full \">\n                    <img decoding=\"async\"  loading=\"lazy\"                         class=\"group-hover:scale-105 maybeAddMixBlend object-contain w-full rounded-full transition-all duration-500 p-4\"\n                        src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182379-1-600x600.avif\"\n                        srcset=\"\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182379-1-180x180.avif 180w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182379-1-180x180.avif 300w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182379-1-400x400.avif 400w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182379-1-400x400.avif 500w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182379-1-600x600.avif 600w\n                        \"\n                        sizes=\"\n                            (max-width: 480px) 225px,\n                            (max-width: 768px) 370px,\n                            (max-width: 1024px) 330px,\n                            (max-width: 1280px) 308px,\n                            1281px,\n                        \"\n                        alt=\"Stainless Steel Bottle Green\" \/>\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-[8px] md:text-[10px] leading-3 text-body p-1 md:p-2 shadow-sm\">\n                        NEW\n                    <\/div> -->\n                            <\/div>\n        <\/a>\n\n        <div\n            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\n                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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\"\n                                            style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\">\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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\">\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=\"1488\"\n                :class=\"showButtons ? 'cursor-default' : 'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading && !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading && 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 && showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3 mx-auto\">\n                        <path\n                            d=\"M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading && showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3  mx-auto\">\n                        <path\n                            d=\"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                \n            <\/button> -->\n        <\/div>\n\n    <\/div>\n    <div class=\"\">\n        <div class=\"flex justify-center gap-x-5\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-bottle-green-2\/\" title=\"Stainless Steel Bottle Green\"\n                class=\"block !no-underline\">\n                <h3 class=\"text-base lg:text-lg text-primary font-bold mb-0 !no-underline text-center\">\n                    Stainless Steel Bottle Green\n                <\/h3>\n            <\/a>\n\n            <!-- <div class=\"\">\n                <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1488,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist && 'in-my-wishlist'\"\n    class=\"w-auto\"\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\n        <!--  <div class=\"text-[10px]\/3 md:text-xs\/4 text-body hit-cats\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product-category\/merchandise\/\" rel=\"tag\">Merchandise<\/a>\n        <\/div> -->\n        <!-- PRICE -->\n        <!-- <p class=\"mb-0 text-[10px]\/3 md:text-xs\/4 text-body\">\n            <span class=\"woocommerce-Price-amount amount\"><bdi>0,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&euro;<\/span><\/bdi><\/span>\n                    <\/p> -->\n    <\/div>\n<\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide class=\"h-auto\">\n                            <div  class=\"product-card group\">\n    <div class=\"flex aspect-square overflow-hidden relative\">\n        <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-bottle-peach\/\" title=\"Stainless Steel Bottle Peach\"\n            class=\"w-full flex aspect-square overflow-hidden relative\">\n                            <div\n                    class=\"flex absolute inset-0 opacity-100  transition-opacity duration-500 ease-in-out bg-white rounded-full \">\n                    <img decoding=\"async\"  loading=\"lazy\"                         class=\"group-hover:scale-105 maybeAddMixBlend object-contain w-full rounded-full transition-all duration-500 p-4\"\n                        src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182393-1-600x600.avif\"\n                        srcset=\"\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182393-1-180x180.avif 180w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182393-1-180x180.avif 300w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182393-1-400x400.avif 400w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182393-1-400x400.avif 500w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182393-1-600x600.avif 600w\n                        \"\n                        sizes=\"\n                            (max-width: 480px) 225px,\n                            (max-width: 768px) 370px,\n                            (max-width: 1024px) 330px,\n                            (max-width: 1280px) 308px,\n                            1281px,\n                        \"\n                        alt=\"Stainless Steel Bottle Peach\" \/>\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-[8px] md:text-[10px] leading-3 text-body p-1 md:p-2 shadow-sm\">\n                        NEW\n                    <\/div> -->\n                            <\/div>\n        <\/a>\n\n        <div\n            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\n                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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\"\n                                            style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\">\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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\">\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=\"1458\"\n                :class=\"showButtons ? 'cursor-default' : 'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading && !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading && 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 && showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3 mx-auto\">\n                        <path\n                            d=\"M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading && showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3  mx-auto\">\n                        <path\n                            d=\"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                \n            <\/button> -->\n        <\/div>\n\n    <\/div>\n    <div class=\"\">\n        <div class=\"flex justify-center gap-x-5\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-bottle-peach\/\" title=\"Stainless Steel Bottle Peach\"\n                class=\"block !no-underline\">\n                <h3 class=\"text-base lg:text-lg text-primary font-bold mb-0 !no-underline text-center\">\n                    Stainless Steel Bottle Peach\n                <\/h3>\n            <\/a>\n\n            <!-- <div class=\"\">\n                <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1458,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist && 'in-my-wishlist'\"\n    class=\"w-auto\"\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\n        <!--  <div class=\"text-[10px]\/3 md:text-xs\/4 text-body hit-cats\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product-category\/merchandise\/\" rel=\"tag\">Merchandise<\/a>\n        <\/div> -->\n        <!-- PRICE -->\n        <!-- <p class=\"mb-0 text-[10px]\/3 md:text-xs\/4 text-body\">\n            <span class=\"woocommerce-Price-amount amount\"><bdi>0,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&euro;<\/span><\/bdi><\/span>\n                    <\/p> -->\n    <\/div>\n<\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide class=\"h-auto\">\n                            <div  class=\"product-card group\">\n    <div class=\"flex aspect-square overflow-hidden relative\">\n        <a href=\"https:\/\/starbucks.com.gr\/en\/product\/cup-from-cups-pink\/\" title=\"Cup from Cups Pink\"\n            class=\"w-full flex aspect-square overflow-hidden relative\">\n                            <div\n                    class=\"flex absolute inset-0 opacity-100  transition-opacity duration-500 ease-in-out bg-white rounded-full \">\n                    <img decoding=\"async\"  loading=\"lazy\"                         class=\"group-hover:scale-105 maybeAddMixBlend object-contain w-full rounded-full transition-all duration-500 p-4\"\n                        src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179479-1-600x600.avif\"\n                        srcset=\"\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179479-1-180x180.avif 180w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179479-1-180x180.avif 300w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179479-1-400x400.avif 400w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179479-1-400x400.avif 500w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179479-1-600x600.avif 600w\n                        \"\n                        sizes=\"\n                            (max-width: 480px) 225px,\n                            (max-width: 768px) 370px,\n                            (max-width: 1024px) 330px,\n                            (max-width: 1280px) 308px,\n                            1281px,\n                        \"\n                        alt=\"Cup from Cups Pink\" \/>\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-[8px] md:text-[10px] leading-3 text-body p-1 md:p-2 shadow-sm\">\n                        NEW\n                    <\/div> -->\n                            <\/div>\n        <\/a>\n\n        <div\n            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\n                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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\"\n                                            style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\">\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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\">\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=\"1452\"\n                :class=\"showButtons ? 'cursor-default' : 'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading && !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading && 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 && showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3 mx-auto\">\n                        <path\n                            d=\"M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading && showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3  mx-auto\">\n                        <path\n                            d=\"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                \n            <\/button> -->\n        <\/div>\n\n    <\/div>\n    <div class=\"\">\n        <div class=\"flex justify-center gap-x-5\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product\/cup-from-cups-pink\/\" title=\"Cup from Cups Pink\"\n                class=\"block !no-underline\">\n                <h3 class=\"text-base lg:text-lg text-primary font-bold mb-0 !no-underline text-center\">\n                    Cup from Cups Pink\n                <\/h3>\n            <\/a>\n\n            <!-- <div class=\"\">\n                <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1452,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist && 'in-my-wishlist'\"\n    class=\"w-auto\"\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\n        <!--  <div class=\"text-[10px]\/3 md:text-xs\/4 text-body hit-cats\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product-category\/merchandise\/\" rel=\"tag\">Merchandise<\/a>\n        <\/div> -->\n        <!-- PRICE -->\n        <!-- <p class=\"mb-0 text-[10px]\/3 md:text-xs\/4 text-body\">\n            <span class=\"woocommerce-Price-amount amount\"><bdi>0,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&euro;<\/span><\/bdi><\/span>\n                    <\/p> -->\n    <\/div>\n<\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide class=\"h-auto\">\n                            <div  class=\"product-card group\">\n    <div class=\"flex aspect-square overflow-hidden relative\">\n        <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-tumbler-green\/\" title=\"Stainless Steel Tumbler Green\"\n            class=\"w-full flex aspect-square overflow-hidden relative\">\n                            <div\n                    class=\"flex absolute inset-0 opacity-100  transition-opacity duration-500 ease-in-out bg-white rounded-full \">\n                    <img decoding=\"async\"  loading=\"lazy\"                         class=\"group-hover:scale-105 maybeAddMixBlend object-contain w-full rounded-full transition-all duration-500 p-4\"\n                        src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182395-1-600x600.avif\"\n                        srcset=\"\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182395-1-180x180.avif 180w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182395-1-180x180.avif 300w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182395-1-400x400.avif 400w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182395-1-400x400.avif 500w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182395-1-600x600.avif 600w\n                        \"\n                        sizes=\"\n                            (max-width: 480px) 225px,\n                            (max-width: 768px) 370px,\n                            (max-width: 1024px) 330px,\n                            (max-width: 1280px) 308px,\n                            1281px,\n                        \"\n                        alt=\"Stainless Steel Tumbler Green\" \/>\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-[8px] md:text-[10px] leading-3 text-body p-1 md:p-2 shadow-sm\">\n                        NEW\n                    <\/div> -->\n                            <\/div>\n        <\/a>\n\n        <div\n            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\n                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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\"\n                                            style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\">\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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\">\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=\"1460\"\n                :class=\"showButtons ? 'cursor-default' : 'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading && !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading && 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 && showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3 mx-auto\">\n                        <path\n                            d=\"M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading && showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3  mx-auto\">\n                        <path\n                            d=\"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                \n            <\/button> -->\n        <\/div>\n\n    <\/div>\n    <div class=\"\">\n        <div class=\"flex justify-center gap-x-5\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-tumbler-green\/\" title=\"Stainless Steel Tumbler Green\"\n                class=\"block !no-underline\">\n                <h3 class=\"text-base lg:text-lg text-primary font-bold mb-0 !no-underline text-center\">\n                    Stainless Steel Tumbler Green\n                <\/h3>\n            <\/a>\n\n            <!-- <div class=\"\">\n                <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1460,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist && 'in-my-wishlist'\"\n    class=\"w-auto\"\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\n        <!--  <div class=\"text-[10px]\/3 md:text-xs\/4 text-body hit-cats\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product-category\/merchandise\/\" rel=\"tag\">Merchandise<\/a>\n        <\/div> -->\n        <!-- PRICE -->\n        <!-- <p class=\"mb-0 text-[10px]\/3 md:text-xs\/4 text-body\">\n            <span class=\"woocommerce-Price-amount amount\"><bdi>0,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&euro;<\/span><\/bdi><\/span>\n                    <\/p> -->\n    <\/div>\n<\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide class=\"h-auto\">\n                            <div  class=\"product-card group\">\n    <div class=\"flex aspect-square overflow-hidden relative\">\n        <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-cold-cup-green\/\" title=\"Stainless Steel Cold Cup Green\"\n            class=\"w-full flex aspect-square overflow-hidden relative\">\n                            <div\n                    class=\"flex absolute inset-0 opacity-100  transition-opacity duration-500 ease-in-out bg-white rounded-full \">\n                    <img decoding=\"async\"  loading=\"lazy\"                         class=\"group-hover:scale-105 maybeAddMixBlend object-contain w-full rounded-full transition-all duration-500 p-4\"\n                        src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182391-1-600x600.avif\"\n                        srcset=\"\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182391-1-180x180.avif 180w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182391-1-180x180.avif 300w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182391-1-400x400.avif 400w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182391-1-400x400.avif 500w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182391-1-600x600.avif 600w\n                        \"\n                        sizes=\"\n                            (max-width: 480px) 225px,\n                            (max-width: 768px) 370px,\n                            (max-width: 1024px) 330px,\n                            (max-width: 1280px) 308px,\n                            1281px,\n                        \"\n                        alt=\"Stainless Steel Cold Cup Green\" \/>\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-[8px] md:text-[10px] leading-3 text-body p-1 md:p-2 shadow-sm\">\n                        NEW\n                    <\/div> -->\n                            <\/div>\n        <\/a>\n\n        <div\n            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\n                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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\"\n                                            style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\">\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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\">\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=\"1466\"\n                :class=\"showButtons ? 'cursor-default' : 'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading && !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading && 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 && showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3 mx-auto\">\n                        <path\n                            d=\"M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading && showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3  mx-auto\">\n                        <path\n                            d=\"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                \n            <\/button> -->\n        <\/div>\n\n    <\/div>\n    <div class=\"\">\n        <div class=\"flex justify-center gap-x-5\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-cold-cup-green\/\" title=\"Stainless Steel Cold Cup Green\"\n                class=\"block !no-underline\">\n                <h3 class=\"text-base lg:text-lg text-primary font-bold mb-0 !no-underline text-center\">\n                    Stainless Steel Cold Cup Green\n                <\/h3>\n            <\/a>\n\n            <!-- <div class=\"\">\n                <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1466,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist && 'in-my-wishlist'\"\n    class=\"w-auto\"\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\n        <!--  <div class=\"text-[10px]\/3 md:text-xs\/4 text-body hit-cats\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product-category\/merchandise\/\" rel=\"tag\">Merchandise<\/a>\n        <\/div> -->\n        <!-- PRICE -->\n        <!-- <p class=\"mb-0 text-[10px]\/3 md:text-xs\/4 text-body\">\n            <span class=\"woocommerce-Price-amount amount\"><bdi>0,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&euro;<\/span><\/bdi><\/span>\n                    <\/p> -->\n    <\/div>\n<\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide class=\"h-auto\">\n                            <div  class=\"product-card group\">\n    <div class=\"flex aspect-square overflow-hidden relative\">\n        <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-tumbler-ivory\/\" title=\"Stainless Steel Tumbler Ivory\"\n            class=\"w-full flex aspect-square overflow-hidden relative\">\n                            <div\n                    class=\"flex absolute inset-0 opacity-100  transition-opacity duration-500 ease-in-out bg-white rounded-full \">\n                    <img decoding=\"async\"  loading=\"lazy\"                         class=\"group-hover:scale-105 maybeAddMixBlend object-contain w-full rounded-full transition-all duration-500 p-4\"\n                        src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182396-1-600x600.avif\"\n                        srcset=\"\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182396-1-180x180.avif 180w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182396-1-180x180.avif 300w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182396-1-400x400.avif 400w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182396-1-400x400.avif 500w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182396-1-600x600.avif 600w\n                        \"\n                        sizes=\"\n                            (max-width: 480px) 225px,\n                            (max-width: 768px) 370px,\n                            (max-width: 1024px) 330px,\n                            (max-width: 1280px) 308px,\n                            1281px,\n                        \"\n                        alt=\"Stainless Steel Tumbler Ivory\" \/>\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-[8px] md:text-[10px] leading-3 text-body p-1 md:p-2 shadow-sm\">\n                        NEW\n                    <\/div> -->\n                            <\/div>\n        <\/a>\n\n        <div\n            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\n                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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\"\n                                            style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\">\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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\">\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=\"1462\"\n                :class=\"showButtons ? 'cursor-default' : 'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading && !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading && 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 && showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3 mx-auto\">\n                        <path\n                            d=\"M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading && showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3  mx-auto\">\n                        <path\n                            d=\"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                \n            <\/button> -->\n        <\/div>\n\n    <\/div>\n    <div class=\"\">\n        <div class=\"flex justify-center gap-x-5\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-tumbler-ivory\/\" title=\"Stainless Steel Tumbler Ivory\"\n                class=\"block !no-underline\">\n                <h3 class=\"text-base lg:text-lg text-primary font-bold mb-0 !no-underline text-center\">\n                    Stainless Steel Tumbler Ivory\n                <\/h3>\n            <\/a>\n\n            <!-- <div class=\"\">\n                <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1462,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist && 'in-my-wishlist'\"\n    class=\"w-auto\"\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\n        <!--  <div class=\"text-[10px]\/3 md:text-xs\/4 text-body hit-cats\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product-category\/merchandise\/\" rel=\"tag\">Merchandise<\/a>\n        <\/div> -->\n        <!-- PRICE -->\n        <!-- <p class=\"mb-0 text-[10px]\/3 md:text-xs\/4 text-body\">\n            <span class=\"woocommerce-Price-amount amount\"><bdi>0,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&euro;<\/span><\/bdi><\/span>\n                    <\/p> -->\n    <\/div>\n<\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide class=\"h-auto\">\n                            <div  class=\"product-card group\">\n    <div class=\"flex aspect-square overflow-hidden relative\">\n        <a href=\"https:\/\/starbucks.com.gr\/en\/product\/keychain\/\" title=\"Keychain\"\n            class=\"w-full flex aspect-square overflow-hidden relative\">\n                            <div\n                    class=\"flex absolute inset-0 opacity-100  transition-opacity duration-500 ease-in-out bg-white rounded-full \">\n                    <img decoding=\"async\"  loading=\"lazy\"                         class=\"group-hover:scale-105 maybeAddMixBlend object-contain w-full rounded-full transition-all duration-500 p-4\"\n                        src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179722-1-600x600.avif\"\n                        srcset=\"\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179722-1-180x180.avif 180w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179722-1-180x180.avif 300w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179722-1-400x400.avif 400w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179722-1-400x400.avif 500w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179722-1-600x600.avif 600w\n                        \"\n                        sizes=\"\n                            (max-width: 480px) 225px,\n                            (max-width: 768px) 370px,\n                            (max-width: 1024px) 330px,\n                            (max-width: 1280px) 308px,\n                            1281px,\n                        \"\n                        alt=\"Keychain\" \/>\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-[8px] md:text-[10px] leading-3 text-body p-1 md:p-2 shadow-sm\">\n                        NEW\n                    <\/div> -->\n                            <\/div>\n        <\/a>\n\n        <div\n            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\n                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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\"\n                                            style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\">\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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\">\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=\"1456\"\n                :class=\"showButtons ? 'cursor-default' : 'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading && !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading && 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 && showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3 mx-auto\">\n                        <path\n                            d=\"M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading && showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3  mx-auto\">\n                        <path\n                            d=\"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                \n            <\/button> -->\n        <\/div>\n\n    <\/div>\n    <div class=\"\">\n        <div class=\"flex justify-center gap-x-5\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product\/keychain\/\" title=\"Keychain\"\n                class=\"block !no-underline\">\n                <h3 class=\"text-base lg:text-lg text-primary font-bold mb-0 !no-underline text-center\">\n                    Keychain\n                <\/h3>\n            <\/a>\n\n            <!-- <div class=\"\">\n                <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1456,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist && 'in-my-wishlist'\"\n    class=\"w-auto\"\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\n        <!--  <div class=\"text-[10px]\/3 md:text-xs\/4 text-body hit-cats\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product-category\/merchandise\/\" rel=\"tag\">Merchandise<\/a>\n        <\/div> -->\n        <!-- PRICE -->\n        <!-- <p class=\"mb-0 text-[10px]\/3 md:text-xs\/4 text-body\">\n            <span class=\"woocommerce-Price-amount amount\"><bdi>0,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&euro;<\/span><\/bdi><\/span>\n                    <\/p> -->\n    <\/div>\n<\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide class=\"h-auto\">\n                            <div  class=\"product-card group\">\n    <div class=\"flex aspect-square overflow-hidden relative\">\n        <a href=\"https:\/\/starbucks.com.gr\/en\/product\/pin-badge-set\/\" title=\"Pin Badge Set\"\n            class=\"w-full flex aspect-square overflow-hidden relative\">\n                            <div\n                    class=\"flex absolute inset-0 opacity-100  transition-opacity duration-500 ease-in-out bg-white rounded-full \">\n                    <img decoding=\"async\"  loading=\"lazy\"                         class=\"group-hover:scale-105 maybeAddMixBlend object-contain w-full rounded-full transition-all duration-500 p-4\"\n                        src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179182-1-600x600.avif\"\n                        srcset=\"\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179182-1-180x180.avif 180w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179182-1-180x180.avif 300w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179182-1-400x400.avif 400w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179182-1-400x400.avif 500w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179182-1-600x600.avif 600w\n                        \"\n                        sizes=\"\n                            (max-width: 480px) 225px,\n                            (max-width: 768px) 370px,\n                            (max-width: 1024px) 330px,\n                            (max-width: 1280px) 308px,\n                            1281px,\n                        \"\n                        alt=\"Pin Badge Set\" \/>\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-[8px] md:text-[10px] leading-3 text-body p-1 md:p-2 shadow-sm\">\n                        NEW\n                    <\/div> -->\n                            <\/div>\n        <\/a>\n\n        <div\n            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\n                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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\"\n                                            style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\">\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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\">\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=\"1454\"\n                :class=\"showButtons ? 'cursor-default' : 'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading && !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading && 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 && showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3 mx-auto\">\n                        <path\n                            d=\"M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading && showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3  mx-auto\">\n                        <path\n                            d=\"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                \n            <\/button> -->\n        <\/div>\n\n    <\/div>\n    <div class=\"\">\n        <div class=\"flex justify-center gap-x-5\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product\/pin-badge-set\/\" title=\"Pin Badge Set\"\n                class=\"block !no-underline\">\n                <h3 class=\"text-base lg:text-lg text-primary font-bold mb-0 !no-underline text-center\">\n                    Pin Badge Set\n                <\/h3>\n            <\/a>\n\n            <!-- <div class=\"\">\n                <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1454,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist && 'in-my-wishlist'\"\n    class=\"w-auto\"\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\n        <!--  <div class=\"text-[10px]\/3 md:text-xs\/4 text-body hit-cats\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product-category\/merchandise\/\" rel=\"tag\">Merchandise<\/a>\n        <\/div> -->\n        <!-- PRICE -->\n        <!-- <p class=\"mb-0 text-[10px]\/3 md:text-xs\/4 text-body\">\n            <span class=\"woocommerce-Price-amount amount\"><bdi>0,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&euro;<\/span><\/bdi><\/span>\n                    <\/p> -->\n    <\/div>\n<\/div>\n                        <\/swiper-slide>\n                                                                                <swiper-slide class=\"h-auto\">\n                            <div  class=\"product-card group\">\n    <div class=\"flex aspect-square overflow-hidden relative\">\n        <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-bottle-green-2\/\" title=\"Stainless Steel Bottle Green\"\n            class=\"w-full flex aspect-square overflow-hidden relative\">\n                            <div\n                    class=\"flex absolute inset-0 opacity-100  transition-opacity duration-500 ease-in-out bg-white rounded-full \">\n                    <img decoding=\"async\"  loading=\"lazy\"                         class=\"group-hover:scale-105 maybeAddMixBlend object-contain w-full rounded-full transition-all duration-500 p-4\"\n                        src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182379-1-600x600.avif\"\n                        srcset=\"\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182379-1-180x180.avif 180w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182379-1-180x180.avif 300w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182379-1-400x400.avif 400w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182379-1-400x400.avif 500w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182379-1-600x600.avif 600w\n                        \"\n                        sizes=\"\n                            (max-width: 480px) 225px,\n                            (max-width: 768px) 370px,\n                            (max-width: 1024px) 330px,\n                            (max-width: 1280px) 308px,\n                            1281px,\n                        \"\n                        alt=\"Stainless Steel Bottle Green\" \/>\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-[8px] md:text-[10px] leading-3 text-body p-1 md:p-2 shadow-sm\">\n                        NEW\n                    <\/div> -->\n                            <\/div>\n        <\/a>\n\n        <div\n            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\n                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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\"\n                                            style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\">\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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\">\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=\"1488\"\n                :class=\"showButtons ? 'cursor-default' : 'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading && !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading && 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 && showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3 mx-auto\">\n                        <path\n                            d=\"M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading && showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3  mx-auto\">\n                        <path\n                            d=\"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                \n            <\/button> -->\n        <\/div>\n\n    <\/div>\n    <div class=\"\">\n        <div class=\"flex justify-center gap-x-5\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-bottle-green-2\/\" title=\"Stainless Steel Bottle Green\"\n                class=\"block !no-underline\">\n                <h3 class=\"text-base lg:text-lg text-primary font-bold mb-0 !no-underline text-center\">\n                    Stainless Steel Bottle Green\n                <\/h3>\n            <\/a>\n\n            <!-- <div class=\"\">\n                <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1488,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist && 'in-my-wishlist'\"\n    class=\"w-auto\"\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\n        <!--  <div class=\"text-[10px]\/3 md:text-xs\/4 text-body hit-cats\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product-category\/merchandise\/\" rel=\"tag\">Merchandise<\/a>\n        <\/div> -->\n        <!-- PRICE -->\n        <!-- <p class=\"mb-0 text-[10px]\/3 md:text-xs\/4 text-body\">\n            <span class=\"woocommerce-Price-amount amount\"><bdi>0,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&euro;<\/span><\/bdi><\/span>\n                    <\/p> -->\n    <\/div>\n<\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide class=\"h-auto\">\n                            <div  class=\"product-card group\">\n    <div class=\"flex aspect-square overflow-hidden relative\">\n        <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-bottle-peach\/\" title=\"Stainless Steel Bottle Peach\"\n            class=\"w-full flex aspect-square overflow-hidden relative\">\n                            <div\n                    class=\"flex absolute inset-0 opacity-100  transition-opacity duration-500 ease-in-out bg-white rounded-full \">\n                    <img decoding=\"async\"  loading=\"lazy\"                         class=\"group-hover:scale-105 maybeAddMixBlend object-contain w-full rounded-full transition-all duration-500 p-4\"\n                        src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182393-1-600x600.avif\"\n                        srcset=\"\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182393-1-180x180.avif 180w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182393-1-180x180.avif 300w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182393-1-400x400.avif 400w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182393-1-400x400.avif 500w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182393-1-600x600.avif 600w\n                        \"\n                        sizes=\"\n                            (max-width: 480px) 225px,\n                            (max-width: 768px) 370px,\n                            (max-width: 1024px) 330px,\n                            (max-width: 1280px) 308px,\n                            1281px,\n                        \"\n                        alt=\"Stainless Steel Bottle Peach\" \/>\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-[8px] md:text-[10px] leading-3 text-body p-1 md:p-2 shadow-sm\">\n                        NEW\n                    <\/div> -->\n                            <\/div>\n        <\/a>\n\n        <div\n            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\n                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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\"\n                                            style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\">\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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\">\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=\"1458\"\n                :class=\"showButtons ? 'cursor-default' : 'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading && !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading && 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 && showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3 mx-auto\">\n                        <path\n                            d=\"M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading && showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3  mx-auto\">\n                        <path\n                            d=\"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                \n            <\/button> -->\n        <\/div>\n\n    <\/div>\n    <div class=\"\">\n        <div class=\"flex justify-center gap-x-5\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-bottle-peach\/\" title=\"Stainless Steel Bottle Peach\"\n                class=\"block !no-underline\">\n                <h3 class=\"text-base lg:text-lg text-primary font-bold mb-0 !no-underline text-center\">\n                    Stainless Steel Bottle Peach\n                <\/h3>\n            <\/a>\n\n            <!-- <div class=\"\">\n                <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1458,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist && 'in-my-wishlist'\"\n    class=\"w-auto\"\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\n        <!--  <div class=\"text-[10px]\/3 md:text-xs\/4 text-body hit-cats\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product-category\/merchandise\/\" rel=\"tag\">Merchandise<\/a>\n        <\/div> -->\n        <!-- PRICE -->\n        <!-- <p class=\"mb-0 text-[10px]\/3 md:text-xs\/4 text-body\">\n            <span class=\"woocommerce-Price-amount amount\"><bdi>0,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&euro;<\/span><\/bdi><\/span>\n                    <\/p> -->\n    <\/div>\n<\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide class=\"h-auto\">\n                            <div  class=\"product-card group\">\n    <div class=\"flex aspect-square overflow-hidden relative\">\n        <a href=\"https:\/\/starbucks.com.gr\/en\/product\/cup-from-cups-pink\/\" title=\"Cup from Cups Pink\"\n            class=\"w-full flex aspect-square overflow-hidden relative\">\n                            <div\n                    class=\"flex absolute inset-0 opacity-100  transition-opacity duration-500 ease-in-out bg-white rounded-full \">\n                    <img decoding=\"async\"  loading=\"lazy\"                         class=\"group-hover:scale-105 maybeAddMixBlend object-contain w-full rounded-full transition-all duration-500 p-4\"\n                        src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179479-1-600x600.avif\"\n                        srcset=\"\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179479-1-180x180.avif 180w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179479-1-180x180.avif 300w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179479-1-400x400.avif 400w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179479-1-400x400.avif 500w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179479-1-600x600.avif 600w\n                        \"\n                        sizes=\"\n                            (max-width: 480px) 225px,\n                            (max-width: 768px) 370px,\n                            (max-width: 1024px) 330px,\n                            (max-width: 1280px) 308px,\n                            1281px,\n                        \"\n                        alt=\"Cup from Cups Pink\" \/>\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-[8px] md:text-[10px] leading-3 text-body p-1 md:p-2 shadow-sm\">\n                        NEW\n                    <\/div> -->\n                            <\/div>\n        <\/a>\n\n        <div\n            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\n                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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\"\n                                            style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\">\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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\">\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=\"1452\"\n                :class=\"showButtons ? 'cursor-default' : 'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading && !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading && 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 && showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3 mx-auto\">\n                        <path\n                            d=\"M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading && showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3  mx-auto\">\n                        <path\n                            d=\"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                \n            <\/button> -->\n        <\/div>\n\n    <\/div>\n    <div class=\"\">\n        <div class=\"flex justify-center gap-x-5\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product\/cup-from-cups-pink\/\" title=\"Cup from Cups Pink\"\n                class=\"block !no-underline\">\n                <h3 class=\"text-base lg:text-lg text-primary font-bold mb-0 !no-underline text-center\">\n                    Cup from Cups Pink\n                <\/h3>\n            <\/a>\n\n            <!-- <div class=\"\">\n                <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1452,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist && 'in-my-wishlist'\"\n    class=\"w-auto\"\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\n        <!--  <div class=\"text-[10px]\/3 md:text-xs\/4 text-body hit-cats\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product-category\/merchandise\/\" rel=\"tag\">Merchandise<\/a>\n        <\/div> -->\n        <!-- PRICE -->\n        <!-- <p class=\"mb-0 text-[10px]\/3 md:text-xs\/4 text-body\">\n            <span class=\"woocommerce-Price-amount amount\"><bdi>0,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&euro;<\/span><\/bdi><\/span>\n                    <\/p> -->\n    <\/div>\n<\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide class=\"h-auto\">\n                            <div  class=\"product-card group\">\n    <div class=\"flex aspect-square overflow-hidden relative\">\n        <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-tumbler-green\/\" title=\"Stainless Steel Tumbler Green\"\n            class=\"w-full flex aspect-square overflow-hidden relative\">\n                            <div\n                    class=\"flex absolute inset-0 opacity-100  transition-opacity duration-500 ease-in-out bg-white rounded-full \">\n                    <img decoding=\"async\"  loading=\"lazy\"                         class=\"group-hover:scale-105 maybeAddMixBlend object-contain w-full rounded-full transition-all duration-500 p-4\"\n                        src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182395-1-600x600.avif\"\n                        srcset=\"\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182395-1-180x180.avif 180w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182395-1-180x180.avif 300w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182395-1-400x400.avif 400w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182395-1-400x400.avif 500w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182395-1-600x600.avif 600w\n                        \"\n                        sizes=\"\n                            (max-width: 480px) 225px,\n                            (max-width: 768px) 370px,\n                            (max-width: 1024px) 330px,\n                            (max-width: 1280px) 308px,\n                            1281px,\n                        \"\n                        alt=\"Stainless Steel Tumbler Green\" \/>\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-[8px] md:text-[10px] leading-3 text-body p-1 md:p-2 shadow-sm\">\n                        NEW\n                    <\/div> -->\n                            <\/div>\n        <\/a>\n\n        <div\n            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\n                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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\"\n                                            style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\">\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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\">\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=\"1460\"\n                :class=\"showButtons ? 'cursor-default' : 'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading && !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading && 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 && showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3 mx-auto\">\n                        <path\n                            d=\"M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading && showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3  mx-auto\">\n                        <path\n                            d=\"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                \n            <\/button> -->\n        <\/div>\n\n    <\/div>\n    <div class=\"\">\n        <div class=\"flex justify-center gap-x-5\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-tumbler-green\/\" title=\"Stainless Steel Tumbler Green\"\n                class=\"block !no-underline\">\n                <h3 class=\"text-base lg:text-lg text-primary font-bold mb-0 !no-underline text-center\">\n                    Stainless Steel Tumbler Green\n                <\/h3>\n            <\/a>\n\n            <!-- <div class=\"\">\n                <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1460,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist && 'in-my-wishlist'\"\n    class=\"w-auto\"\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\n        <!--  <div class=\"text-[10px]\/3 md:text-xs\/4 text-body hit-cats\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product-category\/merchandise\/\" rel=\"tag\">Merchandise<\/a>\n        <\/div> -->\n        <!-- PRICE -->\n        <!-- <p class=\"mb-0 text-[10px]\/3 md:text-xs\/4 text-body\">\n            <span class=\"woocommerce-Price-amount amount\"><bdi>0,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&euro;<\/span><\/bdi><\/span>\n                    <\/p> -->\n    <\/div>\n<\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide class=\"h-auto\">\n                            <div  class=\"product-card group\">\n    <div class=\"flex aspect-square overflow-hidden relative\">\n        <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-cold-cup-green\/\" title=\"Stainless Steel Cold Cup Green\"\n            class=\"w-full flex aspect-square overflow-hidden relative\">\n                            <div\n                    class=\"flex absolute inset-0 opacity-100  transition-opacity duration-500 ease-in-out bg-white rounded-full \">\n                    <img decoding=\"async\"  loading=\"lazy\"                         class=\"group-hover:scale-105 maybeAddMixBlend object-contain w-full rounded-full transition-all duration-500 p-4\"\n                        src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182391-1-600x600.avif\"\n                        srcset=\"\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182391-1-180x180.avif 180w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182391-1-180x180.avif 300w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182391-1-400x400.avif 400w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182391-1-400x400.avif 500w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182391-1-600x600.avif 600w\n                        \"\n                        sizes=\"\n                            (max-width: 480px) 225px,\n                            (max-width: 768px) 370px,\n                            (max-width: 1024px) 330px,\n                            (max-width: 1280px) 308px,\n                            1281px,\n                        \"\n                        alt=\"Stainless Steel Cold Cup Green\" \/>\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-[8px] md:text-[10px] leading-3 text-body p-1 md:p-2 shadow-sm\">\n                        NEW\n                    <\/div> -->\n                            <\/div>\n        <\/a>\n\n        <div\n            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\n                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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\"\n                                            style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\">\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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\">\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=\"1466\"\n                :class=\"showButtons ? 'cursor-default' : 'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading && !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading && 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 && showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3 mx-auto\">\n                        <path\n                            d=\"M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading && showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3  mx-auto\">\n                        <path\n                            d=\"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                \n            <\/button> -->\n        <\/div>\n\n    <\/div>\n    <div class=\"\">\n        <div class=\"flex justify-center gap-x-5\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-cold-cup-green\/\" title=\"Stainless Steel Cold Cup Green\"\n                class=\"block !no-underline\">\n                <h3 class=\"text-base lg:text-lg text-primary font-bold mb-0 !no-underline text-center\">\n                    Stainless Steel Cold Cup Green\n                <\/h3>\n            <\/a>\n\n            <!-- <div class=\"\">\n                <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1466,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist && 'in-my-wishlist'\"\n    class=\"w-auto\"\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\n        <!--  <div class=\"text-[10px]\/3 md:text-xs\/4 text-body hit-cats\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product-category\/merchandise\/\" rel=\"tag\">Merchandise<\/a>\n        <\/div> -->\n        <!-- PRICE -->\n        <!-- <p class=\"mb-0 text-[10px]\/3 md:text-xs\/4 text-body\">\n            <span class=\"woocommerce-Price-amount amount\"><bdi>0,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&euro;<\/span><\/bdi><\/span>\n                    <\/p> -->\n    <\/div>\n<\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide class=\"h-auto\">\n                            <div  class=\"product-card group\">\n    <div class=\"flex aspect-square overflow-hidden relative\">\n        <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-tumbler-ivory\/\" title=\"Stainless Steel Tumbler Ivory\"\n            class=\"w-full flex aspect-square overflow-hidden relative\">\n                            <div\n                    class=\"flex absolute inset-0 opacity-100  transition-opacity duration-500 ease-in-out bg-white rounded-full \">\n                    <img decoding=\"async\"  loading=\"lazy\"                         class=\"group-hover:scale-105 maybeAddMixBlend object-contain w-full rounded-full transition-all duration-500 p-4\"\n                        src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182396-1-600x600.avif\"\n                        srcset=\"\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182396-1-180x180.avif 180w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182396-1-180x180.avif 300w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182396-1-400x400.avif 400w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182396-1-400x400.avif 500w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11182396-1-600x600.avif 600w\n                        \"\n                        sizes=\"\n                            (max-width: 480px) 225px,\n                            (max-width: 768px) 370px,\n                            (max-width: 1024px) 330px,\n                            (max-width: 1280px) 308px,\n                            1281px,\n                        \"\n                        alt=\"Stainless Steel Tumbler Ivory\" \/>\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-[8px] md:text-[10px] leading-3 text-body p-1 md:p-2 shadow-sm\">\n                        NEW\n                    <\/div> -->\n                            <\/div>\n        <\/a>\n\n        <div\n            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\n                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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\"\n                                            style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\">\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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\">\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=\"1462\"\n                :class=\"showButtons ? 'cursor-default' : 'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading && !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading && 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 && showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3 mx-auto\">\n                        <path\n                            d=\"M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading && showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3  mx-auto\">\n                        <path\n                            d=\"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                \n            <\/button> -->\n        <\/div>\n\n    <\/div>\n    <div class=\"\">\n        <div class=\"flex justify-center gap-x-5\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product\/stainless-steel-tumbler-ivory\/\" title=\"Stainless Steel Tumbler Ivory\"\n                class=\"block !no-underline\">\n                <h3 class=\"text-base lg:text-lg text-primary font-bold mb-0 !no-underline text-center\">\n                    Stainless Steel Tumbler Ivory\n                <\/h3>\n            <\/a>\n\n            <!-- <div class=\"\">\n                <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1462,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist && 'in-my-wishlist'\"\n    class=\"w-auto\"\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\n        <!--  <div class=\"text-[10px]\/3 md:text-xs\/4 text-body hit-cats\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product-category\/merchandise\/\" rel=\"tag\">Merchandise<\/a>\n        <\/div> -->\n        <!-- PRICE -->\n        <!-- <p class=\"mb-0 text-[10px]\/3 md:text-xs\/4 text-body\">\n            <span class=\"woocommerce-Price-amount amount\"><bdi>0,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&euro;<\/span><\/bdi><\/span>\n                    <\/p> -->\n    <\/div>\n<\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide class=\"h-auto\">\n                            <div  class=\"product-card group\">\n    <div class=\"flex aspect-square overflow-hidden relative\">\n        <a href=\"https:\/\/starbucks.com.gr\/en\/product\/keychain\/\" title=\"Keychain\"\n            class=\"w-full flex aspect-square overflow-hidden relative\">\n                            <div\n                    class=\"flex absolute inset-0 opacity-100  transition-opacity duration-500 ease-in-out bg-white rounded-full \">\n                    <img decoding=\"async\"  loading=\"lazy\"                         class=\"group-hover:scale-105 maybeAddMixBlend object-contain w-full rounded-full transition-all duration-500 p-4\"\n                        src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179722-1-600x600.avif\"\n                        srcset=\"\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179722-1-180x180.avif 180w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179722-1-180x180.avif 300w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179722-1-400x400.avif 400w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179722-1-400x400.avif 500w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179722-1-600x600.avif 600w\n                        \"\n                        sizes=\"\n                            (max-width: 480px) 225px,\n                            (max-width: 768px) 370px,\n                            (max-width: 1024px) 330px,\n                            (max-width: 1280px) 308px,\n                            1281px,\n                        \"\n                        alt=\"Keychain\" \/>\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-[8px] md:text-[10px] leading-3 text-body p-1 md:p-2 shadow-sm\">\n                        NEW\n                    <\/div> -->\n                            <\/div>\n        <\/a>\n\n        <div\n            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\n                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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\"\n                                            style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\">\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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\">\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=\"1456\"\n                :class=\"showButtons ? 'cursor-default' : 'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading && !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading && 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 && showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3 mx-auto\">\n                        <path\n                            d=\"M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading && showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3  mx-auto\">\n                        <path\n                            d=\"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                \n            <\/button> -->\n        <\/div>\n\n    <\/div>\n    <div class=\"\">\n        <div class=\"flex justify-center gap-x-5\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product\/keychain\/\" title=\"Keychain\"\n                class=\"block !no-underline\">\n                <h3 class=\"text-base lg:text-lg text-primary font-bold mb-0 !no-underline text-center\">\n                    Keychain\n                <\/h3>\n            <\/a>\n\n            <!-- <div class=\"\">\n                <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1456,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist && 'in-my-wishlist'\"\n    class=\"w-auto\"\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\n        <!--  <div class=\"text-[10px]\/3 md:text-xs\/4 text-body hit-cats\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product-category\/merchandise\/\" rel=\"tag\">Merchandise<\/a>\n        <\/div> -->\n        <!-- PRICE -->\n        <!-- <p class=\"mb-0 text-[10px]\/3 md:text-xs\/4 text-body\">\n            <span class=\"woocommerce-Price-amount amount\"><bdi>0,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&euro;<\/span><\/bdi><\/span>\n                    <\/p> -->\n    <\/div>\n<\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide class=\"h-auto\">\n                            <div  class=\"product-card group\">\n    <div class=\"flex aspect-square overflow-hidden relative\">\n        <a href=\"https:\/\/starbucks.com.gr\/en\/product\/pin-badge-set\/\" title=\"Pin Badge Set\"\n            class=\"w-full flex aspect-square overflow-hidden relative\">\n                            <div\n                    class=\"flex absolute inset-0 opacity-100  transition-opacity duration-500 ease-in-out bg-white rounded-full \">\n                    <img decoding=\"async\"  loading=\"lazy\"                         class=\"group-hover:scale-105 maybeAddMixBlend object-contain w-full rounded-full transition-all duration-500 p-4\"\n                        src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179182-1-600x600.avif\"\n                        srcset=\"\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179182-1-180x180.avif 180w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179182-1-180x180.avif 300w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179182-1-400x400.avif 400w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179182-1-400x400.avif 500w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/11179182-1-600x600.avif 600w\n                        \"\n                        sizes=\"\n                            (max-width: 480px) 225px,\n                            (max-width: 768px) 370px,\n                            (max-width: 1024px) 330px,\n                            (max-width: 1280px) 308px,\n                            1281px,\n                        \"\n                        alt=\"Pin Badge Set\" \/>\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-[8px] md:text-[10px] leading-3 text-body p-1 md:p-2 shadow-sm\">\n                        NEW\n                    <\/div> -->\n                            <\/div>\n        <\/a>\n\n        <div\n            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\n                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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            :style=\"`background:${term.background};`\"\n                                            style=\"background-size:100%; background-repeat:no-repeat; background-position:center;\">\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] ==\n                                                term.slug ? 'border-black' : ''\"\n                                            x-text=\"term.name\">\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=\"1454\"\n                :class=\"showButtons ? 'cursor-default' : 'cursor-pointer'\"\n                class=\"w-full btn-md btn-solid-primary relative\">\n                <div class=\"flex items-center justify-center\">\n                    <span x-cloak x-show=\"!loading && !showButtons\" x-text=\"addToCartText\"><\/span>\n                    <span x-cloak x-show=\"!loading && 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 && showButtons\" x-ref=\"qty_decrease\" :class=\"decreaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3 mx-auto\">\n                        <path\n                            d=\"M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                <div x-on:click.prevent.stop=\"increaseQty()\" x-cloak x-show=\"!loading && showButtons\" x-ref=\"qty_increase\" :class=\"increaseDisabled && '!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 w-10 bg-[rgba(255,255,255,0.25)] hover:bg-[rgba(255,255,255,0.35)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" class=\"w-2 h-8 lg:w-3 lg:h-3  mx-auto\">\n                        <path\n                            d=\"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z\"\n                            fill=\"currentColor\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n                \n            <\/button> -->\n        <\/div>\n\n    <\/div>\n    <div class=\"\">\n        <div class=\"flex justify-center gap-x-5\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product\/pin-badge-set\/\" title=\"Pin Badge Set\"\n                class=\"block !no-underline\">\n                <h3 class=\"text-base lg:text-lg text-primary font-bold mb-0 !no-underline text-center\">\n                    Pin Badge Set\n                <\/h3>\n            <\/a>\n\n            <!-- <div class=\"\">\n                <button \n    type=\"button\"\n    x-data=\"buttonAddToWishlist({\n        product_id : 1454,\n        myWishlist: JSON.parse( atob('eyJsaXN0IjpbXSwic2V0dGluZ3MiOm51bGx9') ),\n        inWishlist : false,\n    })\"\n    :class=\"inWishlist && 'in-my-wishlist'\"\n    class=\"w-auto\"\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\n        <!--  <div class=\"text-[10px]\/3 md:text-xs\/4 text-body hit-cats\">\n            <a href=\"https:\/\/starbucks.com.gr\/en\/product-category\/merchandise\/\" rel=\"tag\">Merchandise<\/a>\n        <\/div> -->\n        <!-- PRICE -->\n        <!-- <p class=\"mb-0 text-[10px]\/3 md:text-xs\/4 text-body\">\n            <span class=\"woocommerce-Price-amount amount\"><bdi>0,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&euro;<\/span><\/bdi><\/span>\n                    <\/p> -->\n    <\/div>\n<\/div>\n                        <\/swiper-slide>\n                                                <\/swiper-container>\n            <\/div>\n\n            <div class=\"swiper-pagination !mt-7 \"><\/div>\n\n        <\/div>\n    <\/section>\n\n<\/div>\n<\/div>\n\n\n<section     class=\"py-10 lg:py-20  align wp-block-split-content-block \">\n    <div class=\"ht-container\">\n        <div class=\"bg-cream px-8 pt-12 pb-12 lg:pt-0 lg:pb-0 relative overflow-visible rounded-[60px] flex flex-col-reverse lg:grid  lg:grid-cols-2 items-center min-h-[500px] z-10 group\"\n             data-aos=\"fade-up\" data-aos-duration=\"2000\" >\n\n            <div\n                class=\"relative h-full flex flex-col gap-6 lg:flex-row items-center justify-center lg:px-4 lg:order-2 \">\n                                    \n                    <picture class=\"flex w-full h-full md:w-[400px] md:h-[400px] lg:w-[600px] lg:h-[600px] overflow-hidden rounded-full relative lg:absolute lg:top-1\/2 lg:-translate-y-1\/2 z-20 aspect-square\">\n                        <source \n                            media=\"(max-width: 767px)\" \n                            type=\"image\/avif\"\n                            srcset=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-BANANA-600x600.avif\"\n                            sizes=\"100vw\"\n                        \/>\n                        <img \n                            decoding=\"async\"\n                            class=\"flex aspect-square object-cover w-full h-full transition-transform duration-500 transform-gpu group-hover:scale-105  lg:right-16 \"\n                            src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-BANANA.avif\"\n                            srcset=\"\n                                https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-BANANA.avif 800w,\n                                https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-BANANA.avif 1600w\n                            \"\n                            sizes=\"(max-width: 767px) 100vw, 308px\"\n                            alt=\"\"\n                        \/>\n                    <\/picture>\n\n                                                    <a href=\"https:\/\/starbucks.com.gr\/shop\/\"\n                        target=\"\"\n                        class=\"inline-flex! lg:hidden! btn-md btn-solid-primary\">\n                        Explore Our Menu\n                    <\/a>\n                            <\/div>\n\n            <div\n                class=\" relative z-10 flex flex-col justify-center items-center lg:py-12  lg:order-1 \">\n                <div class=\" max-w-[450px]\">\n\n                                                                <div class=\"text-body text-4xl lg:text-6xl font-extrabold  leading-none text-center lg:text-left\">\n                            <p>Caramelised Banana Bliss<\/p>\n\n                        <\/div>\n                    \n                                            <div class=\"text-body text-lg md:text-xl opacity-90 max-w-xl text-center lg:text-left\">                            <p>A taste of summer in every sip. Crafted with smooth coffee or matcha and the sweet notes of caramelised banana.<\/p>\n\n                        <\/div>\n                    \n                                            <a href=\"https:\/\/starbucks.com.gr\/shop\/\"\n                            target=\"\"\n                            class=\"hidden! lg:inline-flex! btn-md btn-solid-primary\">\n                            Explore Our Menu\n                                                            <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\"\n                                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M15.0491 2.12122L27.5698 14.8299L15.0491 27.732\" stroke=\"currentColor\"\n                                        stroke-width=\"3\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" \/>\n                                    <path d=\"M26.4741 14.9263L1.5 14.9263\" stroke=\"currentColor\" stroke-width=\"3\"\n                                        stroke-miterlimit=\"10\" stroke-linecap=\"square\" \/>\n                                <\/svg>\n                                                    <\/a>\n                                    <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n<section     class=\"py-10 lg:py-20  align wp-block-split-content-block \">\n    <div class=\"ht-container\">\n        <div class=\"bg-coffeeLeaf px-8 pt-12 pb-12 lg:pt-0 lg:pb-0 relative overflow-visible rounded-[60px] flex flex-col-reverse lg:grid  lg:grid-cols-2 items-center min-h-[500px] z-10 group\"\n             data-aos=\"fade-up\" data-aos-duration=\"2000\" >\n\n            <div\n                class=\"relative h-full flex flex-col gap-6 lg:flex-row items-center justify-center lg:px-4 lg:order-1 \">\n                                    \n                    <picture class=\"flex w-full h-full md:w-[400px] md:h-[400px] lg:w-[600px] lg:h-[600px] overflow-hidden rounded-full relative lg:absolute lg:top-1\/2 lg:-translate-y-1\/2 z-20 aspect-square\">\n                        <source \n                            media=\"(max-width: 767px)\" \n                            type=\"image\/avif\"\n                            srcset=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CLOUD-600x600.avif\"\n                            sizes=\"100vw\"\n                        \/>\n                        <img \n                            decoding=\"async\"\n                            class=\"flex aspect-square object-cover w-full h-full transition-transform duration-500 transform-gpu group-hover:scale-105 \"\n                            src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CLOUD.avif\"\n                            srcset=\"\n                                https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CLOUD.avif 800w,\n                                https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CLOUD.avif 1600w\n                            \"\n                            sizes=\"(max-width: 767px) 100vw, 308px\"\n                            alt=\"\"\n                        \/>\n                    <\/picture>\n\n                                                    <a href=\"https:\/\/starbucks.com.gr\/shop\/\"\n                        target=\"\"\n                        class=\"inline-flex! lg:hidden! btn-md btn-outlined-secondary\">\n                        Explore Our Menu\n                    <\/a>\n                            <\/div>\n\n            <div\n                class=\" relative z-10 flex flex-col justify-center items-center lg:py-12  lg:order-2 \">\n                <div class=\" max-w-[450px]\">\n\n                                                                <div class=\"text-roastGreen text-4xl lg:text-6xl font-extrabold  leading-none text-center lg:text-left\">\n                            <p>Cloud Frappuccino\u00ae<\/p>\n\n                        <\/div>\n                    \n                                            <div class=\"text-white text-lg md:text-xl opacity-90 max-w-xl text-center lg:text-left\">                            <p>Cool, creamy and irresistibly smooth. Discover our new Cloud Frappuccino\u00ae beverages, finished with a layer of velvety cold foam.<\/p>\n\n                        <\/div>\n                    \n                                            <a href=\"https:\/\/starbucks.com.gr\/shop\/\"\n                            target=\"\"\n                            class=\"hidden! lg:inline-flex! btn-md btn-outlined-secondary\">\n                            Explore Our Menu\n                                                            <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\"\n                                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M15.0491 2.12122L27.5698 14.8299L15.0491 27.732\" stroke=\"currentColor\"\n                                        stroke-width=\"3\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" \/>\n                                    <path d=\"M26.4741 14.9263L1.5 14.9263\" stroke=\"currentColor\" stroke-width=\"3\"\n                                        stroke-miterlimit=\"10\" stroke-linecap=\"square\" \/>\n                                <\/svg>\n                                                    <\/a>\n                                    <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n<section     class=\"relative   mb-16  lg:my-14 slider-cards group  align wp-block-feature-overlay-card  lg:overflow-hidden\">\n\n    <div data-aos=\"fade-in\" data-aos-duration=\"2000\"\n        class=\"hidden lg:block absolute w-1\/2 h-full overflow-hidden top-0  right-0 rounded-tl-[80px] rounded-bl-[80px] \">\n                    <div class=\"w-full h-full \">\n                <picture>\n                    <source \n                        media=\"(max-width: 767px)\" \n                        type=\"image\/avif\"\n                        srcset=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CHERRY-SIDE-SECTION-600x750.avif\"\n                        sizes=\"100vw\"\n                    \/>\n                    <img \n                        decoding=\"async\"\n                        class=\"h-full w-full object-cover transform transition duration-500 ease-out group-hover:scale-110\"\n                        src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CHERRY-SIDE-SECTION-scaled.avif\"\n                        srcset=\"\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CHERRY-SIDE-SECTION-scaled.avif 800w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CHERRY-SIDE-SECTION-scaled.avif 1600w\n                        \"\n                        sizes=\"(max-width: 767px) 100vw, 308px\"\n                        alt=\"\"\n                    \/>\n                <\/picture>\n            <\/div>\n            <\/div>\n\n    <div class=\"z-10 w-full lg:py-[110px]\" data-aos=\"fade-up\" data-aos-duration=\"2000\">\n\n        <div class=\"ht-container relative flex \">\n\n            <div class=\"w-full max-w-[960px] relative\">\n                <swiper-container init=\"false\">\n                                            <swiper-slide class=\"h-auto\"\n                             data-aos=\"fade-right\"                             data-aos-delay=\"50\" data-aos-duration=\"1000\">\n                            <div \n                                class=\"mb-10 lg:mt-10 \">\n\n                                <div\n                                    class=\"bg-cream flex flex-col lg:flex-row items-center gap-6 lg:gap-10 rounded-[60px] px-8 pt-12 pb-12 lg:px-16 lg:pt-11 lg:pb-11 \">\n                                                                            <div\n                                            class=\"w-full shrink-0  max-w-[360px] flex  aspect-square overflow-hidden rounded-full\">\n\n                                            <picture>\n                                                <source \n                                                    media=\"(max-width: 767px)\" \n                                                    type=\"image\/avif\"\n                                                    srcset=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CHERRY-600x600.avif\"\n                                                    sizes=\"100vw\"\n                                                \/>\n                                                <img \n                                                    decoding=\"async\"\n                                                    class=\"w-full h-full object-cover\"\n                                                    src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CHERRY-800x800.avif\"\n                                                    srcset=\"\n                                                        https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CHERRY-800x800.avif 800w,\n                                                        https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CHERRY.avif 1600w\n                                                    \"\n                                                    sizes=\"(max-width: 767px) 100vw, 308px\"\n                                                    alt=\"\"\n                                                \/>\n                                            <\/picture>\n                                        <\/div>\n                                                                        <div class=\"max-w-[450px] mx-auto\">\n                                                                                    <div\n                                                class=\"text-4xl lg:text-6xl font-black leading-none mb-6 text-center lg:text-left\">\n                                                <p>Cherry on Top<\/p>\n\n                                            <\/div>\n                                                                                                                            <div class=\"text-base lg:text-lg font-bold\">\n                                                A refreshing blend of cherry and pomegranate flavours, paired with the Cool Cake Pop for the perfect sweet summer moment. \r\n\n                                            <\/div>\n                                                                                                                            <div class=\"mt-6 lg:mt-10 flex justify-center lg:justify-start\">\n                                                <a href=\"https:\/\/starbucks.com.gr\/shop\/\"\n                                                    target=\"\"\n                                                    class=\"inline-flex! btn-md btn-solid-primary\">\n\n                                                    Explore Our Menu\n\n                                                    <svg class=\"w-5 h-5 md:w-[30px] md:h-[30px]\" width=\"30\"\n                                                        height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\"\n                                                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                        <path d=\"M15.0491 2.12109L27.5698 14.8298L15.0491 27.7319\"\n                                                            stroke=\"white\" stroke-width=\"3\" stroke-miterlimit=\"10\"\n                                                            stroke-linecap=\"square\" \/>\n                                                        <path d=\"M26.4741 14.9263L1.5 14.9263\" stroke=\"white\"\n                                                            stroke-width=\"3\" stroke-miterlimit=\"10\"\n                                                            stroke-linecap=\"square\" \/>\n                                                    <\/svg>\n\n                                                <\/a>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                \n                            <\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide class=\"h-auto\"\n                             data-aos=\"fade-right\"                             data-aos-delay=\"100\" data-aos-duration=\"1000\">\n                            <div \n                                class=\"mb-10 lg:mt-10 \">\n\n                                <div\n                                    class=\"bg-roastGreen flex flex-col lg:flex-row items-center gap-6 lg:gap-10 rounded-[60px] px-8 pt-12 pb-12 lg:px-16 lg:pt-11 lg:pb-11 \">\n                                                                            <div\n                                            class=\"w-full shrink-0  max-w-[360px] flex  aspect-square overflow-hidden rounded-full\">\n\n                                            <picture>\n                                                <source \n                                                    media=\"(max-width: 767px)\" \n                                                    type=\"image\/avif\"\n                                                    srcset=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CLOUD-600x600.avif\"\n                                                    sizes=\"100vw\"\n                                                \/>\n                                                <img \n                                                    decoding=\"async\"\n                                                    class=\"w-full h-full object-cover\"\n                                                    src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CLOUD-800x800.avif\"\n                                                    srcset=\"\n                                                        https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CLOUD-800x800.avif 800w,\n                                                        https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CLOUD.avif 1600w\n                                                    \"\n                                                    sizes=\"(max-width: 767px) 100vw, 308px\"\n                                                    alt=\"\"\n                                                \/>\n                                            <\/picture>\n                                        <\/div>\n                                                                        <div class=\"max-w-[450px] mx-auto\">\n                                                                                    <div\n                                                class=\"text-4xl lg:text-6xl font-black leading-none mb-6 text-center lg:text-left\">\n                                                <p>Cloud Frappuccino\u00ae<\/p>\n\n                                            <\/div>\n                                                                                                                            <div class=\"text-base lg:text-lg font-bold\">\n                                                Cool, creamy and irresistibly smooth. Discover our new Cloud Frappuccino\u00ae beverages, finished with a layer of velvety cold foam. \n                                            <\/div>\n                                                                                                                            <div class=\"mt-6 lg:mt-10 flex justify-center lg:justify-start\">\n                                                <a href=\"https:\/\/starbucks.com.gr\/shop\/\"\n                                                    target=\"\"\n                                                    class=\"inline-flex! btn-md btn-solid-primary\">\n\n                                                    Explore Our Menu\n\n                                                    <svg class=\"w-5 h-5 md:w-[30px] md:h-[30px]\" width=\"30\"\n                                                        height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\"\n                                                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                        <path d=\"M15.0491 2.12109L27.5698 14.8298L15.0491 27.7319\"\n                                                            stroke=\"white\" stroke-width=\"3\" stroke-miterlimit=\"10\"\n                                                            stroke-linecap=\"square\" \/>\n                                                        <path d=\"M26.4741 14.9263L1.5 14.9263\" stroke=\"white\"\n                                                            stroke-width=\"3\" stroke-miterlimit=\"10\"\n                                                            stroke-linecap=\"square\" \/>\n                                                    <\/svg>\n\n                                                <\/a>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                \n                            <\/div>\n                        <\/swiper-slide>\n                                    <\/swiper-container>\n\n                                    <button data-aos=\"fade-in\" data-aos-duration=\"1000\" data-aos-delay=\"1000\" type=\"button\"\n                        class=\"flex swiper-btn-prev group text-[#333333] hover:text-primary shrink-0 absolute z-10 bottom-0 lg:bottom-auto left-1\/2 lg:top-1\/2 translate-y-[30%] lg:-translate-y-1\/2 lg:left-0 -translate-x-full lg:-translate-x-1\/2\">\n                        <svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\"\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <circle cx=\"40\" cy=\"40\" r=\"40\" fill=\"white\" \/>\n                            <path d=\"M40.4426 56.7793L24.1467 40.2388L40.4426 23.4464\" stroke=\"currentColor\"\n                                stroke-width=\"4\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" \/>\n                            <path d=\"M25.5725 40.1133L58.0767 40.1133\" stroke=\"currentColor\" stroke-width=\"4\"\n                                stroke-miterlimit=\"10\" stroke-linecap=\"square\" \/>\n                            <circle cx=\"41.1121\" cy=\"40.1121\" r=\"33.1121\" stroke=\"currentColor\" stroke-width=\"4\" \/>\n                        <\/svg>\n                    <\/button>\n                    <button data-aos=\"fade-in\" data-aos-duration=\"1000\" data-aos-delay=\"1000\" type=\"button\"\n                        class=\"flex swiper-btn-next group text-[#333333] hover:text-secondary absolute z-10 bottom-0 lg:bottom-auto right-1\/2 lg:top-1\/2 translate-y-[30%] lg:-translate-y-1\/2 lg:right-0 translate-x-full lg:translate-x-1\/2\">\n                        <svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\"\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <circle cx=\"40\" cy=\"40\" r=\"40\" fill=\"white\" \/>\n                            <path d=\"M41.781 23.4448L58.0769 39.9853L41.781 56.7777\" stroke=\"currentColor\"\n                                stroke-width=\"4\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" \/>\n                            <path d=\"M56.6511 40.1109L24.147 40.1108\" stroke=\"currentColor\" stroke-width=\"4\"\n                                stroke-miterlimit=\"10\" stroke-linecap=\"square\" \/>\n                            <circle cx=\"41.1121\" cy=\"40.1121\" r=\"33.1121\" transform=\"rotate(-180 41.1121 40.1121)\"\n                                stroke=\"currentColor\" stroke-width=\"4\" \/>\n                        <\/svg>\n                    <\/button>\n                            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section     class=\"relative   lg:my-14 slider-cards group  align wp-block-feature-overlay-card  lg:overflow-hidden\">\n\n    <div data-aos=\"fade-in\" data-aos-duration=\"2000\"\n        class=\"hidden lg:block absolute w-1\/2 h-full overflow-hidden top-0  left-0 rounded-tr-[80px] rounded-br-[80px] \">\n                    <div class=\"w-full h-full \">\n                <picture>\n                    <source \n                        media=\"(max-width: 767px)\" \n                        type=\"image\/avif\"\n                        srcset=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-STORE-600x338.avif\"\n                        sizes=\"100vw\"\n                    \/>\n                    <img \n                        decoding=\"async\"\n                        class=\"h-full w-full object-cover transform transition duration-500 ease-out group-hover:scale-110\"\n                        src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-STORE.avif\"\n                        srcset=\"\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-STORE.avif 800w,\n                            https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-STORE.avif 1600w\n                        \"\n                        sizes=\"(max-width: 767px) 100vw, 308px\"\n                        alt=\"\"\n                    \/>\n                <\/picture>\n            <\/div>\n            <\/div>\n\n    <div class=\"z-10 w-full lg:py-[110px]\" data-aos=\"fade-up\" data-aos-duration=\"2000\">\n\n        <div class=\"ht-container relative flex  justify-end \">\n\n            <div class=\"w-full max-w-[960px] relative\">\n                <swiper-container init=\"false\">\n                                            <swiper-slide class=\"h-auto\"\n                             data-aos=\"fade-left\"                             data-aos-delay=\"50\" data-aos-duration=\"1000\">\n                            <div \n                                class=\"mb-10 lg:mt-10  relative \">\n\n                                <div\n                                    class=\"bg-roastGreen flex flex-col lg:flex-row items-center gap-6 lg:gap-10 rounded-[60px] px-8 pt-12 pb-12 lg:px-16 lg:pt-11 lg:pb-11  pb-[198px] \">\n                                                                        <div class=\"max-w-[450px] mx-auto\">\n                                                                                    <div\n                                                class=\"text-4xl lg:text-6xl font-black leading-none mb-6 text-center lg:text-left\">\n                                                <p>Starbucks Stores<\/p>\n\n                                            <\/div>\n                                                                                                                            <div class=\"text-base lg:text-lg font-bold\">\n                                                Find your nearest Starbucks and enjoy your favorite coffee, delicious treats and the welcoming atmosphere that makes every visit special. \n                                            <\/div>\n                                                                                                                            <div class=\"mt-6 lg:mt-10 flex justify-center lg:justify-start\">\n                                                <a href=\"https:\/\/starbucks.com.gr\/store\/\"\n                                                    target=\"\"\n                                                    class=\"inline-flex! btn-md btn-solid-primary\">\n\n                                                    Our Stores\n\n                                                    <svg class=\"w-5 h-5 md:w-[30px] md:h-[30px]\" width=\"30\"\n                                                        height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\"\n                                                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                        <path d=\"M15.0491 2.12109L27.5698 14.8298L15.0491 27.7319\"\n                                                            stroke=\"white\" stroke-width=\"3\" stroke-miterlimit=\"10\"\n                                                            stroke-linecap=\"square\" \/>\n                                                        <path d=\"M26.4741 14.9263L1.5 14.9263\" stroke=\"white\"\n                                                            stroke-width=\"3\" stroke-miterlimit=\"10\"\n                                                            stroke-linecap=\"square\" \/>\n                                                    <\/svg>\n\n                                                <\/a>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                                                    <div\n                                        class=\"absolute bottom-0 left-0 rounded-bl-[50px] rounded-br-[50px] lg:hidden flex overflow-hidden h-[150px] w-full\">\n                                                                                    <picture class=\"w-full h-full\">\n                                                <source \n                                                    media=\"(max-width: 767px)\" \n                                                    type=\"image\/avif\"\n                                                    srcset=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-STORE-600x338.avif\"\n                                                    sizes=\"100vw\"\n                                                \/>\n                                                <img \n                                                    decoding=\"async\"\n                                                    class=\"w-full h-full object-cover\"\n                                                    src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-STORE.avif\"\n                                                    srcset=\"\n                                                        https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-STORE.avif 800w,\n                                                        https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-STORE.avif 1600w\n                                                    \"\n                                                    sizes=\"(max-width: 767px) 100vw, 308px\"\n                                                    alt=\"\"\n                                                \/>\n                                            <\/picture>\n\n                                                                            <\/div>\n                                \n                            <\/div>\n                        <\/swiper-slide>\n                                    <\/swiper-container>\n\n                            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<div    \n    class=\"ht-container \n        align wp-block-container\">\n    <div class=\"acf-innerblocks-container\">\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-eb28413 stk-block-background stk-entrance stk--has-background-overlay\" data-block-id=\"eb28413\"><style>.stk-eb28413 {background-image:url(https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-RETAIL.avif) !important;border-top-left-radius:60px !important;border-top-right-radius:60px !important;border-bottom-right-radius:60px !important;border-bottom-left-radius:60px !important;overflow:hidden !important;padding-right:var(--stk--preset--spacing--80, 5.06rem) !important;padding-left:var(--stk--preset--spacing--80, 5.06rem) !important;margin-bottom:var(--stk--preset--spacing--60, 2.25rem) !important;--entrance-transform:translateY(50px) !important;}@media screen and (max-width: 767px){.stk-eb28413 {padding-top:var(--stk--preset--spacing--50, 1.5rem) !important;padding-right:var(--stk--preset--spacing--50, 1.5rem) !important;padding-bottom:var(--stk--preset--spacing--50, 1.5rem) !important;padding-left:var(--stk--preset--spacing--50, 1.5rem) !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-eb28413-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-1acf6b5\" data-v=\"4\" data-block-id=\"1acf6b5\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-1acf6b5-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-1acf6b5-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-4032955\" id=\"take-summer-mark-style-background-color-rgba-0-0-0-0-class-has-inline-color-has-primary-color-with-you-mark\" data-block-id=\"4032955\"><style>.stk-4032955 .stk-block-heading__text{font-size:var(--stk--preset--font-size--6xl, 3.75rem) !important;line-height:64px !important;font-weight:800 !important;}@media screen and (max-width: 1023px){.stk-4032955 .stk-block-heading__text{font-size:40px !important;line-height:44px !important;}}@media screen and (max-width: 767px){.stk-4032955 .stk-block-heading__text{font-size:var(--stk--preset--font-size--4xl, 2.25rem) !important;}}<\/style><h2 class=\"stk-block-heading__text\">Take Summer <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-primary-color\">With You<\/mark><\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-4a6ee0e\" data-block-id=\"4a6ee0e\"><style>.stk-4a6ee0e .stk-block-text__text{font-size:var(--stk--preset--font-size--xl, 1.25rem) !important;color:#646464 !important;}@media screen and (max-width: 1023px){.stk-4a6ee0e .stk-block-text__text{font-size:var(--stk--preset--font-size--xl, 1.25rem) !important;}}<\/style><p class=\"stk-block-text__text has-text-color\"><strong>Discover the new Summer Merchandise collection and find your perfect companion for every summer adventure.<\/strong><\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-7a350cd\" data-block-id=\"7a350cd\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-8b56dca\" data-block-id=\"8b56dca\"><style>.stk-8b56dca .stk-button{padding-top:var(--stk--preset--spacing--40, 1rem) !important;padding-right:var(--stk--preset--spacing--50, 1.5rem) !important;padding-bottom:var(--stk--preset--spacing--40, 1rem) !important;padding-left:var(--stk--preset--spacing--50, 1.5rem) !important;background:#006242 !important;border-top-left-radius:30px !important;border-top-right-radius:30px !important;border-bottom-right-radius:30px !important;border-bottom-left-radius:30px !important;}.stk-8b56dca .stk-button:before{border-style:solid !important;border-color:#fffffe !important;}.stk-8b56dca .stk-button .stk--inner-svg svg:last-child{height:25px !important;width:25px !important;}.stk-8b56dca .stk-button__inner-text{font-size:var(--stk--preset--font-size--base, 1rem) !important;}@media screen and (max-width: 1023px){.stk-8b56dca .stk-button__inner-text{font-size:var(--stk--preset--font-size--base, 1rem) !important;}}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/starbucks.com.gr\/en\/product-category\/merchandise\/\"><span class=\"stk-button__inner-text\">Explore Our merch<\/span><span class=\"stk--svg-wrapper\"><div class=\"stk--inner-svg\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z\"\/><\/svg><\/div><\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-d65acf3\" data-v=\"4\" data-block-id=\"d65acf3\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-d65acf3-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-d65acf3-inner-blocks\"><\/div><\/div><\/div>\n<\/div><\/div>\n\n<\/div>\n<\/div>\n\n\n<div    \n    class=\"ht-container \n        align wp-block-container\">\n    <div class=\"acf-innerblocks-container\">\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-56dd1e4\" data-block-id=\"56dd1e4\"><style>.stk-56dd1e4 {margin-bottom:var(--stk--preset--spacing--60, 2.25rem) !important;}.stk-56dd1e4-column{--stk-column-gap:var(--stk--preset--spacing--60, 2.25rem) !important;row-gap:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-56dd1e4-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-bbd1e58 stk-block-background stk-entrance lg:aspect-square stk--has-background-overlay\" data-v=\"4\" data-block-id=\"bbd1e58\"><style>.stk-bbd1e58-inner-blocks{justify-content:center !important;}.stk-bbd1e58 {background-color:#006242 !important;background-image:url(https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-REWARDS.jpg) !important;background-position:top center !important;background-repeat:no-repeat !important;background-size:cover !important;background-blend-mode:multiply !important;border-top-left-radius:60px !important;border-top-right-radius:60px !important;border-bottom-right-radius:60px !important;border-bottom-left-radius:60px !important;overflow:hidden !important;transition-timing-function:ease-in-out !important;--entrance-transform:translateY(50px) !important;}.stk-bbd1e58:before{background-color:#006242 !important;opacity:0.1 !important;}@media screen and (max-width: 767px){.stk-bbd1e58 {padding-top:var(--stk--preset--spacing--70, 3.38rem) !important;padding-bottom:var(--stk--preset--spacing--70, 3.38rem) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-bbd1e58-container stk--no-background stk--no-padding\"><div class=\"stk--column-flex stk-block-content stk-inner-blocks stk-bbd1e58-inner-blocks\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-1092bcf\" data-block-id=\"1092bcf\"><style>.stk-1092bcf {max-width:400px !important;min-width:auto !important;margin-right:auto !important;margin-left:auto !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-1092bcf-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-58c077c\" data-v=\"4\" data-block-id=\"58c077c\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-58c077c-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-58c077c-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-935389e\" id=\"starbucks-rewards\" data-block-id=\"935389e\"><style>.stk-935389e .stk-block-heading__text{font-size:var(--stk--preset--font-size--6xl, 3.75rem) !important;color:#fffffe !important;line-height:64px !important;font-weight:800 !important;}@media screen and (max-width: 1023px){.stk-935389e .stk-block-heading__text{font-size:40px !important;line-height:44px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-color\">Starbucks\u00ae Rewards!<\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-a274369\" data-block-id=\"a274369\"><style>.stk-a274369 .stk-block-text__text{font-size:var(--stk--preset--font-size--xl, 1.25rem) !important;color:#fffffe !important;font-weight:bold !important;}@media screen and (max-width: 1023px){.stk-a274369 .stk-block-text__text{font-size:var(--stk--preset--font-size--xl, 1.25rem) !important;}}<\/style><p class=\"stk-block-text__text has-text-color\">Every visit brings you closer to rewards. Collect Stars and enjoy little extras along the way.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-fd18b1c\" data-block-id=\"fd18b1c\"><style>.stk-fd18b1c .stk-block-text__text{font-size:var(--stk--preset--font-size--xl, 1.25rem) !important;color:#fffffe !important;font-weight:bold !important;}@media screen and (max-width: 1023px){.stk-fd18b1c .stk-block-text__text{font-size:var(--stk--preset--font-size--xl, 1.25rem) !important;}}<\/style><p class=\"stk-block-text__text has-text-color\"><\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-1a46d8d\" data-block-id=\"1a46d8d\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-84f0b66\" data-block-id=\"84f0b66\"><style>.stk-84f0b66 .stk-button{padding-top:var(--stk--preset--spacing--40, 1rem) !important;padding-right:var(--stk--preset--spacing--50, 1.5rem) !important;padding-bottom:var(--stk--preset--spacing--40, 1rem) !important;padding-left:var(--stk--preset--spacing--50, 1.5rem) !important;background:#006242 !important;border-top-left-radius:30px !important;border-top-right-radius:30px !important;border-bottom-right-radius:30px !important;border-bottom-left-radius:30px !important;}.stk-84f0b66 .stk-button:before{border-style:solid !important;border-color:#fffffe !important;}.stk-84f0b66 .stk-button .stk--inner-svg svg:last-child{height:25px !important;width:25px !important;}.stk-84f0b66 .stk-button__inner-text{font-size:var(--stk--preset--font-size--base, 1rem) !important;}@media screen and (max-width: 1023px){.stk-84f0b66 .stk-button__inner-text{font-size:var(--stk--preset--font-size--base, 1rem) !important;}}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/starbucks.com.gr\/en\/rewards\/\"><span class=\"stk-button__inner-text\">Explore Rewards<\/span><span class=\"stk--svg-wrapper\"><div class=\"stk--inner-svg\"><svg class=\"ugb-custom-icon\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" width=\"32\" height=\"32\">\n<path d=\"M15.0488 2.12122L27.5696 14.8299L15.0488 27.732\" stroke=\"white\" stroke-width=\"3\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/>\n<path d=\"M26.4741 14.9263L1.5 14.9263\" stroke=\"white\" stroke-width=\"3\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/>\n<\/svg><\/div><\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-b39f48e stk-block-background stk-entrance lg:aspect-square stk--has-background-overlay\" data-v=\"4\" data-block-id=\"b39f48e\"><style>.stk-b39f48e-inner-blocks{justify-content:center !important;}.stk-b39f48e {background-color:#006242 !important;background-image:url(https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-PROMOS-scaled.avif) !important;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;background-blend-mode:multiply !important;border-top-left-radius:60px !important;border-top-right-radius:60px !important;border-bottom-right-radius:60px !important;border-bottom-left-radius:60px !important;overflow:hidden !important;transition-timing-function:ease-in-out !important;--entrance-transform:translateY(50px) !important;--entrance-delay:0.3s !important;}.stk-b39f48e:before{background-color:#006242 !important;opacity:0.1 !important;}@media screen and (max-width: 767px){.stk-b39f48e {padding-top:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--60, 2.25rem) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-b39f48e-container stk--no-background stk--no-padding\"><div class=\"stk--column-flex stk-block-content stk-inner-blocks stk-b39f48e-inner-blocks\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-d663bef\" data-block-id=\"d663bef\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-d663bef-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-ff031bf\" data-v=\"4\" data-block-id=\"ff031bf\"><style>.stk-ff031bf-container{max-width:400px !important;min-width:auto !important;margin-right:auto !important;margin-left:auto !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-ff031bf-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-ff031bf-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-c9b4429\" id=\"starbucks-br-promos\" data-block-id=\"c9b4429\"><style>.stk-c9b4429 .stk-block-heading__text{font-size:var(--stk--preset--font-size--6xl, 3.75rem) !important;color:#fffffe !important;line-height:64px !important;font-weight:800 !important;}@media screen and (max-width: 1023px){.stk-c9b4429 .stk-block-heading__text{font-size:40px !important;line-height:44px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-color\">Starbucks\u00ae <br>Promos!<\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-c30d296\" data-block-id=\"c30d296\"><style>.stk-c30d296 .stk-block-text__text{font-size:var(--stk--preset--font-size--xl, 1.25rem) !important;color:#fffffe !important;font-weight:bold !important;}@media screen and (max-width: 1023px){.stk-c30d296 .stk-block-text__text{font-size:var(--stk--preset--font-size--xl, 1.25rem) !important;}}<\/style><p class=\"stk-block-text__text has-text-color\">Discover exclusive offers, seasonal highlights and limited-time moments.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-63f3e87\" data-block-id=\"63f3e87\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-a0ea8a0\" data-block-id=\"a0ea8a0\"><style>.stk-a0ea8a0 .stk-button{padding-top:var(--stk--preset--spacing--40, 1rem) !important;padding-right:var(--stk--preset--spacing--50, 1.5rem) !important;padding-bottom:var(--stk--preset--spacing--40, 1rem) !important;padding-left:var(--stk--preset--spacing--50, 1.5rem) !important;background:#006242 !important;border-top-left-radius:30px !important;border-top-right-radius:30px !important;border-bottom-right-radius:30px !important;border-bottom-left-radius:30px !important;}.stk-a0ea8a0 .stk-button:before{border-style:solid !important;border-color:#fffffe !important;}.stk-a0ea8a0 .stk-button .stk--inner-svg svg:last-child{height:25px !important;width:25px !important;}.stk-a0ea8a0 .stk-button__inner-text{font-size:var(--stk--preset--font-size--base, 1rem) !important;}@media screen and (max-width: 1023px){.stk-a0ea8a0 .stk-button__inner-text{font-size:var(--stk--preset--font-size--base, 1rem) !important;}}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/starbucks.com.gr\/promotion\/\"><span class=\"stk-button__inner-text\">Explore Now<\/span><span class=\"stk--svg-wrapper\"><div class=\"stk--inner-svg\"><svg class=\"ugb-custom-icon\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" width=\"32\" height=\"32\">\n<path d=\"M15.0488 2.12122L27.5696 14.8299L15.0488 27.732\" stroke=\"white\" stroke-width=\"3\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/>\n<path d=\"M26.4741 14.9263L1.5 14.9263\" stroke=\"white\" stroke-width=\"3\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/>\n<\/svg><\/div><\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n<\/div>\n<\/div>\n\n\n<div    \n    class=\"ht-container \n        align wp-block-container\">\n    <div class=\"acf-innerblocks-container\">\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-fec78d1\" data-block-id=\"fec78d1\"><style>.stk-fec78d1 {margin-top:var(--stk--preset--spacing--20, 0.44rem) !important;}.stk-fec78d1-column{--stk-column-gap:var(--stk--preset--spacing--50, 1.5rem) !important;row-gap:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-fec78d1-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-81ff366 stk-block-background stk-entrance aspect-square lg:aspect-auto stk--has-background-overlay\" data-v=\"4\" data-block-id=\"81ff366\"><style>.stk-81ff366-inner-blocks{justify-content:center !important;}.stk-81ff366 {background-color:#006242 !important;background-image:url(https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/05\/starbucks-shop.avif) !important;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;background-blend-mode:multiply !important;border-top-left-radius:60px !important;border-top-right-radius:60px !important;border-bottom-right-radius:60px !important;border-bottom-left-radius:60px !important;overflow:hidden !important;padding-top:var(--stk--preset--spacing--70, 3.38rem) !important;padding-bottom:var(--stk--preset--spacing--70, 3.38rem) !important;transition-timing-function:ease-in-out !important;--entrance-transform:translateY(50px) !important;}.stk-81ff366:before{background-color:#006242 !important;opacity:0.1 !important;}@media screen and (max-width: 767px){.stk-81ff366 {padding-top:var(--stk--preset--spacing--70, 3.38rem) !important;padding-bottom:var(--stk--preset--spacing--70, 3.38rem) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-81ff366-container stk--no-background stk--no-padding\"><div class=\"stk--column-flex stk-block-content stk-inner-blocks stk-81ff366-inner-blocks\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-04419fb\" data-block-id=\"04419fb\"><style>.stk-04419fb {max-width:400px !important;min-width:auto !important;margin-right:auto !important;margin-left:auto !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-04419fb-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-fc01a22\" data-v=\"4\" data-block-id=\"fc01a22\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-fc01a22-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-fc01a22-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-7ad1c72\" id=\"starbucks-history\" data-block-id=\"7ad1c72\"><style>.stk-7ad1c72 .stk-block-heading__text{font-size:var(--stk--preset--font-size--6xl, 3.75rem) !important;color:#fffffe !important;line-height:64px !important;font-weight:800 !important;}@media screen and (max-width: 1023px){.stk-7ad1c72 .stk-block-heading__text{font-size:40px !important;line-height:44px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-color\">Starbucks\u00ae history!<\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-c86010f\" data-block-id=\"c86010f\"><style>.stk-c86010f .stk-block-text__text{color:#fffffe !important;}<\/style><p class=\"stk-block-text__text has-text-color\">About our history and the company.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-9824d1d\" data-block-id=\"9824d1d\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-140e1ee\" data-block-id=\"140e1ee\"><style>.stk-140e1ee .stk-button{padding-top:var(--stk--preset--spacing--40, 1rem) !important;padding-right:var(--stk--preset--spacing--50, 1.5rem) !important;padding-bottom:var(--stk--preset--spacing--40, 1rem) !important;padding-left:var(--stk--preset--spacing--50, 1.5rem) !important;background:#006242 !important;border-top-left-radius:30px !important;border-top-right-radius:30px !important;border-bottom-right-radius:30px !important;border-bottom-left-radius:30px !important;}.stk-140e1ee .stk-button:before{border-style:solid !important;border-color:#fffffe !important;}.stk-140e1ee .stk-button .stk--inner-svg svg:last-child{height:25px !important;width:25px !important;}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/starbucks.com.gr\/en\/history\/\"><span class=\"stk-button__inner-text\">Explore Now<\/span><span class=\"stk--svg-wrapper\"><div class=\"stk--inner-svg\"><svg class=\"ugb-custom-icon\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" width=\"32\" height=\"32\">\n<path d=\"M15.0488 2.12122L27.5696 14.8299L15.0488 27.732\" stroke=\"white\" stroke-width=\"3\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/>\n<path d=\"M26.4741 14.9263L1.5 14.9263\" stroke=\"white\" stroke-width=\"3\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/>\n<\/svg><\/div><\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n<\/div>\n<\/div>\n\n\n<div    \n    class=\"ht-container-medium \n        align wp-block-container\">\n    <div class=\"acf-innerblocks-container\">\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-22b5123 stk-entrance\" data-block-id=\"22b5123\"><style>.stk-22b5123 {margin-top:var(--stk--preset--spacing--80, 5.06rem) !important;margin-bottom:var(--stk--preset--spacing--80, 5.06rem) !important;transition-timing-function:ease-in-out !important;--entrance-transform:translateY(50px) !important;}@media screen and (max-width: 767px){.stk-22b5123 {padding-top:var(--stk--preset--spacing--40, 1rem) !important;padding-right:var(--stk--preset--spacing--40, 1rem) !important;padding-bottom:var(--stk--preset--spacing--40, 1rem) !important;padding-left:var(--stk--preset--spacing--40, 1rem) !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-22b5123-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-94c1516\" data-v=\"4\" data-block-id=\"94c1516\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-94c1516-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-94c1516-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-e91970e\" data-block-id=\"e91970e\"><style>.stk-e91970e .stk-block-text__text{font-size:56px !important;line-height:60px !important;font-weight:900 !important;}@media screen and (max-width: 1023px){.stk-e91970e .stk-block-text__text{font-size:50px !important;}}@media screen and (max-width: 767px){.stk-e91970e .stk-block-text__text{font-size:var(--stk--preset--font-size--2xl, 1.5rem) !important;line-height:2em !important;}}<\/style><p class=\"stk-block-text__text\">At Starbucks, we believe in the power of human connection \u2013 the power of a cup of coffee to bring people together, spark conversation and inspire positive change. From local initiatives to global impact, learn about the people behind the brand, working to uplift their communities.<\/p><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n<\/div>\n<\/div>\n\n\n<div    \n    class=\"ht-container \n        align wp-block-container\">\n    <div class=\"acf-innerblocks-container\">\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-5d3beed stk-entrance\" data-block-id=\"5d3beed\"><style>.stk-5d3beed {margin-bottom:var(--stk--preset--spacing--80, 5.06rem) !important;transition-timing-function:ease-in-out !important;--entrance-transform:translateY(50px) !important;}.stk-5d3beed-column{flex-wrap:wrap !important;--stk-flex-grow:0 !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk--column-wrap-desktop stk-content-align stk-5d3beed-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-ab2443a stk-block-background\" data-v=\"4\" data-block-id=\"ab2443a\"><style>.stk-ab2443a {background-color:#d1d1aa !important;border-top-left-radius:60px !important;border-top-right-radius:60px !important;border-bottom-right-radius:60px !important;border-bottom-left-radius:60px !important;overflow:hidden !important;padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;}.stk-ab2443a:before{background-color:#d1d1aa !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-ab2443a-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-ab2443a-inner-blocks\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-76530a6\" data-block-id=\"76530a6\"><style>.stk-76530a6 {padding-top:var(--stk--preset--spacing--60, 2.25rem) !important;padding-right:var(--stk--preset--spacing--60, 2.25rem) !important;padding-bottom:var(--stk--preset--spacing--80, 5.06rem) !important;padding-left:var(--stk--preset--spacing--60, 2.25rem) !important;}@media screen and (max-width: 1023px){.stk-76530a6 .stk--block-align-76530a6{align-items:center !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk--block-align-76530a6 stk-block-content stk-content-align stk-76530a6-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-50b78b1\" data-v=\"4\" data-block-id=\"50b78b1\"><style>@media screen and (min-width: 768px){.stk-50b78b1 {flex:var(--stk-flex-grow, 1) 1 calc(33.333% - var(--stk-column-gap, 0px) * 2 \/ 3 ) !important;}}@media screen and (min-width: 768px) and (max-width: 1023px){.stk-50b78b1 {flex:var(--stk-flex-grow, 1) 1 calc(100% - var(--stk-column-gap, 0px) * 0 \/ 1 ) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-50b78b1-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-50b78b1-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-df1968d\" id=\"starbucks-span-style-color-006242-class-stk-highlight-contests-span\" data-block-id=\"df1968d\"><style>.stk-df1968d .stk-block-heading__text{font-size:var(--stk--preset--font-size--6xl, 3.75rem) !important;line-height:64px !important;font-weight:800 !important;}@media screen and (max-width: 1023px){.stk-df1968d .stk-block-heading__text{font-size:40px !important;line-height:44px !important;}}<\/style><h2 class=\"stk-block-heading__text\">Starbucks\u00ae <span style=\"color: #006242;\" class=\"stk-highlight\">Contests!<\/span><\/h2><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-fa4402a\" data-v=\"4\" data-block-id=\"fa4402a\"><style>@media screen and (min-width: 768px){.stk-fa4402a {flex:var(--stk-flex-grow, 1) 1 calc(39.6% - var(--stk-column-gap, 0px) * 2 \/ 3 ) !important;}}@media screen and (min-width: 768px) and (max-width: 1023px){.stk-fa4402a {flex:var(--stk-flex-grow, 1) 1 calc(65% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-fa4402a-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-fa4402a-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-b21ac5d\" data-block-id=\"b21ac5d\"><style>.stk-b21ac5d .stk-block-text__text{font-size:var(--stk--preset--font-size--xl, 1.25rem) !important;font-weight:bold !important;}@media screen and (max-width: 1023px){.stk-b21ac5d .stk-block-text__text{font-size:var(--stk--preset--font-size--xl, 1.25rem) !important;}}<\/style><p class=\"stk-block-text__text\">Discover the Starbucks experience through our exclusive giveaways. From time to time, take part for a chance to enjoy curated rewards designed to elevate your everyday moments.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-4ab83c3\" data-block-id=\"4ab83c3\"><style>.stk-4ab83c3 .stk-block-text__text{font-size:var(--stk--preset--font-size--xl, 1.25rem) !important;font-weight:bold !important;}@media screen and (max-width: 1023px){.stk-4ab83c3 .stk-block-text__text{font-size:var(--stk--preset--font-size--xl, 1.25rem) !important;}}<\/style><p class=\"stk-block-text__text\"><\/p><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-a8ac1a3\" data-v=\"4\" data-block-id=\"a8ac1a3\"><style>.stk-a8ac1a3 {align-items:flex-end !important;display:flex !important;}@media screen and (min-width: 768px){.stk-a8ac1a3 {flex:var(--stk-flex-grow, 1) 1 calc(27.067000000000007% - var(--stk-column-gap, 0px) * 2 \/ 3 ) !important;}}@media screen and (min-width: 768px) and (max-width: 1023px){.stk-a8ac1a3 {flex:var(--stk-flex-grow, 1) 1 calc(35% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-a8ac1a3-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-a8ac1a3-inner-blocks\">\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-34d00be\" data-block-id=\"34d00be\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-5f8f62e\" data-block-id=\"5f8f62e\"><style>.stk-5f8f62e .stk-button{padding-top:var(--stk--preset--spacing--40, 1rem) !important;padding-right:var(--stk--preset--spacing--50, 1.5rem) !important;padding-bottom:var(--stk--preset--spacing--40, 1rem) !important;padding-left:var(--stk--preset--spacing--50, 1.5rem) !important;background:#006242 !important;border-top-left-radius:30px !important;border-top-right-radius:30px !important;border-bottom-right-radius:30px !important;border-bottom-left-radius:30px !important;}.stk-5f8f62e .stk-button:before{border-style:solid !important;border-top-width:0px !important;border-right-width:0px !important;border-bottom-width:0px !important;border-left-width:0px !important;}.stk-5f8f62e .stk-button .stk--inner-svg svg:last-child{height:25px !important;width:25px !important;}.stk-5f8f62e .stk-button__inner-text{font-size:var(--stk--preset--font-size--base, 1rem) !important;}@media screen and (max-width: 1023px){.stk-5f8f62e .stk-button__inner-text{font-size:var(--stk--preset--font-size--base, 1rem) !important;}}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/starbucks.com.gr\/en\/competition\/\"><span class=\"stk-button__inner-text\">Explore Now<\/span><span class=\"stk--svg-wrapper\"><div class=\"stk--inner-svg\"><svg class=\"ugb-custom-icon\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" width=\"32\" height=\"32\">\n<path d=\"M15.0488 2.12122L27.5696 14.8299L15.0488 27.732\" stroke=\"white\" stroke-width=\"3\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/>\n<path d=\"M26.4741 14.9263L1.5 14.9263\" stroke=\"white\" stroke-width=\"3\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/>\n<\/svg><\/div><\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-af8ec66 stk-block-background\" data-block-id=\"af8ec66\"><style>.stk-af8ec66 {background-color:#006242 !important;}.stk-af8ec66:before{background-color:#006242 !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-af8ec66-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-ab5fe1d\" data-v=\"4\" data-block-id=\"ab5fe1d\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-ab5fe1d-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-ab5fe1d-inner-blocks\">\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-3f668f1\" data-block-id=\"3f668f1\"><style>.stk-3f668f1 {margin-top:-160px !important;z-index:-2 !important;}.stk-3f668f1 .stk-img-wrapper{width:82% !important;}@media screen and (max-width: 1023px){.stk-3f668f1 {margin-top:-110px !important;}}@media screen and (max-width: 767px){.stk-3f668f1 {margin-top:-60px !important;}}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-1548\" src=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CONTEST.svg\" width=\"82\" height=\"300\"\/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-135","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Starbucks Coffee Company<\/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:\/\/starbucks.com.gr\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Starbucks Coffee Company\" \/>\n<meta property=\"og:url\" content=\"https:\/\/starbucks.com.gr\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Starbucks Coffee Company\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-16T13:05:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CONTEST.svg\" \/>\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:\\\/\\\/starbucks.com.gr\\\/en\\\/\",\"url\":\"https:\\\/\\\/starbucks.com.gr\\\/en\\\/\",\"name\":\"Starbucks Coffee Company\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/starbucks.com.gr\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/starbucks.com.gr\\\/en\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/starbucks.com.gr\\\/en\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/starbucks.com.gr\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/HOMEPAGE-CONTEST.svg\",\"datePublished\":\"2026-05-12T12:27:34+00:00\",\"dateModified\":\"2026-07-16T13:05:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/starbucks.com.gr\\\/en\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/starbucks.com.gr\\\/en\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/starbucks.com.gr\\\/en\\\/#primaryimage\",\"url\":\"https:\\\/\\\/starbucks.com.gr\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/HOMEPAGE-CONTEST.svg\",\"contentUrl\":\"https:\\\/\\\/starbucks.com.gr\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/HOMEPAGE-CONTEST.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/starbucks.com.gr\\\/en\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/starbucks.com.gr\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/starbucks.com.gr\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/starbucks.com.gr\\\/en\\\/\",\"name\":\"Starbucks Coffee Company\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/starbucks.com.gr\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Starbucks Coffee Company","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:\/\/starbucks.com.gr\/en\/","og_locale":"en_US","og_type":"article","og_title":"Starbucks Coffee Company","og_url":"https:\/\/starbucks.com.gr\/en\/","og_site_name":"Starbucks Coffee Company","article_modified_time":"2026-07-16T13:05:38+00:00","og_image":[{"url":"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CONTEST.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/starbucks.com.gr\/en\/","url":"https:\/\/starbucks.com.gr\/en\/","name":"Starbucks Coffee Company","isPartOf":{"@id":"https:\/\/starbucks.com.gr\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/starbucks.com.gr\/en\/#primaryimage"},"image":{"@id":"https:\/\/starbucks.com.gr\/en\/#primaryimage"},"thumbnailUrl":"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CONTEST.svg","datePublished":"2026-05-12T12:27:34+00:00","dateModified":"2026-07-16T13:05:38+00:00","breadcrumb":{"@id":"https:\/\/starbucks.com.gr\/en\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/starbucks.com.gr\/en\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/starbucks.com.gr\/en\/#primaryimage","url":"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CONTEST.svg","contentUrl":"https:\/\/starbucks.com.gr\/wp-content\/uploads\/2026\/07\/HOMEPAGE-CONTEST.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/starbucks.com.gr\/en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/starbucks.com.gr\/en\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/starbucks.com.gr\/en\/#website","url":"https:\/\/starbucks.com.gr\/en\/","name":"Starbucks Coffee Company","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/starbucks.com.gr\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/starbucks.com.gr\/en\/wp-json\/wp\/v2\/pages\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/starbucks.com.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/starbucks.com.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/starbucks.com.gr\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/starbucks.com.gr\/en\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":1,"href":"https:\/\/starbucks.com.gr\/en\/wp-json\/wp\/v2\/pages\/135\/revisions"}],"predecessor-version":[{"id":1626,"href":"https:\/\/starbucks.com.gr\/en\/wp-json\/wp\/v2\/pages\/135\/revisions\/1626"}],"wp:attachment":[{"href":"https:\/\/starbucks.com.gr\/en\/wp-json\/wp\/v2\/media?parent=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}