{"id":359,"date":"2026-03-27T18:53:10","date_gmt":"2026-03-27T18:53:10","guid":{"rendered":"https:\/\/samurai.coffee\/home\/"},"modified":"2026-08-08T18:08:40","modified_gmt":"2026-08-08T18:08:40","slug":"home","status":"publish","type":"page","link":"https:\/\/samurai.coffee\/bg\/","title":{"rendered":"\u041d\u0430\u0447\u0430\u043b\u043e"},"content":{"rendered":"<section class=\"samurai-home-hero relative w-full overflow-hidden wp-block-samurai-home-hero\" style=\"height: 100vh;\">\n\n    <!-- Background Image -->\n    <div class=\"absolute inset-0 z-0\">\n        <img decoding=\"async\" src=\"https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/04\/hero.webp\"\n             alt=\"\"\n             class=\"w-full h-full object-cover grayscale opacity-90\">\n    <\/div>\n\n    <!-- Content -->\n    <div class=\"relative z-10 w-full max-w-7xl mx-auto px-4 md:px-8 py-20\">\n\n        \n        \n        <!-- SVG Placeholder \u2014 Samuraj svg movement comes here -->\n\n    <\/div>\n\n<\/section>\n\n\n<section class=\"samurai-category-cards py-16 md:py-24 bg-primary wp-block-samurai-category-cards\">\n    <div class=\"max-w-7xl mx-auto\">\n        \n        <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-3 md:gap-8 px-2 md:px-4\">\n            \n                <a href=\"https:\/\/samurai.coffee\/bg\/\u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u0430-\u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f\/%d0%ba%d0%b0%d1%84%d0%b5\/\" \n       class=\"group flex flex-col items-center justify-center py-4 md:py-6 gap-6 no-underline\">\n        \n                    <div class=\"w-32 h-32 md:w-48 md:h-48 lg:w-56 lg:h-56 flex items-center justify-center\">\n                <img decoding=\"async\" src=\"https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/05\/COFFEE.svg\" \n                     alt=\"\u041a\u0430\u0444\u0435\" \n                     class=\"w-full h-full object-contain group-hover:scale-110 transition-transform duration-300\">\n            <\/div>\n                \n        <span class=\"\n            bg-background\n            text-black \n            font-bold \n            text-xs\n            md:text-base \n            uppercase \n            tracking-tight \n            px-4\n            md:px-6 \n            py-2\n            md:py-2.5 \n            rounded-[17px] \n            text-center \n            min-w-[100px]\n            md:min-w-[120px]\n            transition-all \n            duration-300 \n            border-2 \n            border-secondary \n            group-hover:bg-transparent\n            group-hover:text-black \n            group-hover:border-black\"\n        >\n            \u041a\u0430\u0444\u0435        <\/span>\n        \n    <\/a>\n        <a href=\"https:\/\/samurai.coffee\/bg\/\u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u0430-\u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f\/%d0%be%d0%b1%d0%be%d1%80%d1%83%d0%b4%d0%b2%d0%b0%d0%bd%d0%b5\/\" \n       class=\"group flex flex-col items-center justify-center py-4 md:py-6 gap-6 no-underline\">\n        \n                    <div class=\"w-32 h-32 md:w-48 md:h-48 lg:w-56 lg:h-56 flex items-center justify-center\">\n                <img decoding=\"async\" src=\"https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/05\/EQUIPMENT.svg\" \n                     alt=\"\u041e\u0431\u043e\u0440\u0443\u0434\u0432\u0430\u043d\u0435\" \n                     class=\"w-full h-full object-contain group-hover:scale-110 transition-transform duration-300\">\n            <\/div>\n                \n        <span class=\"\n            bg-background\n            text-black \n            font-bold \n            text-xs\n            md:text-base \n            uppercase \n            tracking-tight \n            px-4\n            md:px-6 \n            py-2\n            md:py-2.5 \n            rounded-[17px] \n            text-center \n            min-w-[100px]\n            md:min-w-[120px]\n            transition-all \n            duration-300 \n            border-2 \n            border-secondary \n            group-hover:bg-transparent\n            group-hover:text-black \n            group-hover:border-black\"\n        >\n            \u041e\u0431\u043e\u0440\u0443\u0434\u0432\u0430\u043d\u0435        <\/span>\n        \n    <\/a>\n        <a href=\"https:\/\/samurai.coffee\/bg\/\u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u0430-\u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f\/%d0%b0%d0%ba%d1%81%d0%b5%d1%81%d0%be%d0%b0%d1%80%d0%b8\/\" \n       class=\"group flex flex-col items-center justify-center py-4 md:py-6 gap-6 no-underline\">\n        \n                    <div class=\"w-32 h-32 md:w-48 md:h-48 lg:w-56 lg:h-56 flex items-center justify-center\">\n                <img decoding=\"async\" src=\"https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/05\/GOODIES.svg\" \n                     alt=\"\u0410\u043a\u0441\u0435\u0441\u043e\u0430\u0440\u0438\" \n                     class=\"w-full h-full object-contain group-hover:scale-110 transition-transform duration-300\">\n            <\/div>\n                \n        <span class=\"\n            bg-background\n            text-black \n            font-bold \n            text-xs\n            md:text-base \n            uppercase \n            tracking-tight \n            px-4\n            md:px-6 \n            py-2\n            md:py-2.5 \n            rounded-[17px] \n            text-center \n            min-w-[100px]\n            md:min-w-[120px]\n            transition-all \n            duration-300 \n            border-2 \n            border-secondary \n            group-hover:bg-transparent\n            group-hover:text-black \n            group-hover:border-black\"\n        >\n            \u0410\u043a\u0441\u0435\u0441\u043e\u0430\u0440\u0438        <\/span>\n        \n    <\/a>\n        <a href=\"#\" \n       class=\"group flex flex-col items-center justify-center py-4 md:py-6 gap-6 no-underline\">\n        \n                    <div class=\"w-32 h-32 md:w-48 md:h-48 lg:w-56 lg:h-56 flex items-center justify-center\">\n                <img decoding=\"async\" src=\"https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/05\/EVENTS.svg\" \n                     alt=\"\u0421\u044a\u0431\u0438\u0442\u0438\u044f\" \n                     class=\"w-full h-full object-contain group-hover:scale-110 transition-transform duration-300\">\n            <\/div>\n                \n        <span class=\"\n            bg-background\n            text-black \n            font-bold \n            text-xs\n            md:text-base \n            uppercase \n            tracking-tight \n            px-4\n            md:px-6 \n            py-2\n            md:py-2.5 \n            rounded-[17px] \n            text-center \n            min-w-[100px]\n            md:min-w-[120px]\n            transition-all \n            duration-300 \n            border-2 \n            border-secondary \n            group-hover:bg-transparent\n            group-hover:text-black \n            group-hover:border-black\"\n        >\n            \u0421\u044a\u0431\u0438\u0442\u0438\u044f        <\/span>\n        \n    <\/a>\n                \n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<section class=\"samurai-featured-products py-16 md:py-24 bg-white overflow-hidden wp-block-samurai-featured-products\">\n    <div class=\"max-w-7xl mx-auto px-3\">\n        \n        <!-- Section Header -->\n        <div class=\"flex flex-col md:flex-row justify-between items-end gap-6 mb-12\">\n            <div class=\"max-w-xl md:max-w-2xl\">\n                                    <h1 class=\"hidden md:block text-left text-zinc-900 text-5xl md:text-6xl lg:text-[64px] font-black uppercase leading-none whitespace-nowrap mb-4\">\n                        \u041d\u0430\u043b\u0438\u0447\u043d\u0438 \u0441\u043e\u0440\u0442\u043e\u0432\u0435                    <\/h1>\n                    \n                    <h1 class=\"md:hidden text-left text-zinc-900 text-4xl font-black uppercase leading-snug mb-4\">\n                        \u041d\u0430\u043b\u0438\u0447\u043d\u0438<br\/>\u0441\u043e\u0440\u0442\u043e\u0432\u0435                    <\/h1>\n                                \n                                    <p class=\"text-secondary text-lg md:text-2xl leading-relaxed max-w-2xl mb-4\">\n                        \u0421\u0435\u0437\u043e\u043d\u043d\u0438 \u0441\u0435\u043b\u0435\u043a\u0446\u0438\u0438, \u043f\u0440\u044f\u0441\u043d\u043e \u0438\u0437\u043f\u0435\u0447\u0435\u043d\u0438 \u0432 \u043d\u0430\u0448\u0438\u044f \u0446\u0435\u0445 \u0432\u044a\u0432 \u0412\u0435\u043b\u0438\u043a\u043e \u0422\u044a\u0440\u043d\u043e\u0432\u043e \u0434\u0432\u0430 \u043f\u044a\u0442\u0438 \u0441\u0435\u0434\u043c\u0438\u0447\u043d\u043e.                    <\/p>\n                \n                                    <a href=\"https:\/\/samurai.coffee\/bg\/\u043c\u0430\u0433\u0430\u0437\u0438\u043d\/\" \n                       class=\"text-neutral-400 font-bold underline uppercase tracking-widest text-xs md:text-sm hover:opacity-70 transition-opacity whitespace-nowrap\">\n                        \u0412\u0441\u0438\u0447\u043a\u0438                    <\/a>\n                            <\/div>\n        <\/div>\n        \n        <!-- Swiper Products Grid -->\n                    <div x-data=\"featuredProductsSwiper()\" \n                 x-init=\"initSwiper()\" \n                 class=\"relative\"\n                 data-desktop=\"4\"\n                 data-tablet=\"3\"\n                 data-mobile=\"1\"\n                 data-space=\"20\">\n                \n                <div x-ref=\"swiperContainer\" class=\"swiper overflow-hidden\">\n                    <div class=\"swiper-wrapper\">\n                        \n                                                                                \n                            <div class=\"swiper-slide h-auto\">\n                                <div class=\"group relative bg-white rounded-2xl border-[2.5px] border-stone-300\/70 overflow-hidden hover:shadow-lg transition-all h-full flex flex-col\">\n                                    \n                                    <!-- Product Image -->\n                                    <div class=\"flex items-center justify-center px-6 pt-6 pb-2 relative\">\n                                        <a href=\"https:\/\/samurai.coffee\/bg\/\u043f\u0440\u043e\u0434\u0443\u043a\u0442\/%d0%b3%d0%b2%d0%b0%d1%82%d0%b5%d0%bc%d0%b0%d0%bb%d0%b0-%d1%83%d0%b5%d1%83%d0%b5%d1%82%d0%b5%d0%bd%d0%b0%d0%bd%d0%b3%d0%be-%d1%83%d0%b5%d0%b9%d0%ba%d0%b0%d0%bd-%d1%80%d0%b5%d0%b3%d0%b8\/\" class=\"block\">\n                                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/final-300x300.png\" class=\"w-60 h-64 object-cover group-hover:scale-105 transition-transform duration-500 wp-post-image\" alt=\"\" srcset=\"https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/final-300x300.png 300w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/final-1024x1024.png 1024w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/final-150x150.png 150w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/final-768x768.png 768w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/final-1536x1536.png 1536w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/final-2048x2048.png 2048w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/final-800x800.png 800w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/final-600x600.png 600w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/final-100x100.png 100w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                                                                                    <\/a>\n                                        \n                                        <!-- Dynamic Category Badges -->\n                                                                                                                    <\/div>\n                                    \n                                    <!-- Product Info -->\n                                    <div class=\"px-6 pb-6 flex-grow flex flex-col\">\n                                        \n                                        <!-- Roast Types (espresso\/filter\/omni) -->\n                                                                                    <div class=\"self-stretch h-6 text-center justify-start text-neutral-400 text-xl font-medium\">\n                                                \u0435\u0441\u043f\u0440\u0435\u0441\u043e                                            <\/div>\n                                                                                \n                                        <!-- Product Name -->\n                                        <div class=\"text-center mb-2\">\n                                            <h3 class=\"text-black text-lg leading-6\">\n                                                <a href=\"https:\/\/samurai.coffee\/bg\/\u043f\u0440\u043e\u0434\u0443\u043a\u0442\/%d0%b3%d0%b2%d0%b0%d1%82%d0%b5%d0%bc%d0%b0%d0%bb%d0%b0-%d1%83%d0%b5%d1%83%d0%b5%d1%82%d0%b5%d0%bd%d0%b0%d0%bd%d0%b3%d0%be-%d1%83%d0%b5%d0%b9%d0%ba%d0%b0%d0%bd-%d1%80%d0%b5%d0%b3%d0%b8\/\" \n                                                class=\"hover:text-amber-600 transition-colors no-underline\">\n                                                    <b>\u0413\u0432\u0430\u0442\u0435\u043c\u0430\u043b\u0430 \u0420\u0435\u0433\u0438\u043e\u043d\u0430\u043b\u0435\u043d \u0441\u0435\u043b\u0435\u043a\u0446\u0438\u043e\u043d\u0435\u043d \u0441\u043e\u0440\u0442<\/b>                                                <\/a>\n                                            <\/h3>\n                                        <\/div>\n                                        \n                                        <!-- Price & Add to Cart -->\n                                        <div class=\"flex items-center justify-between mt-auto\">\n                                            \n                                            <div class=\"text-left\">\n                                                <!-- EUR Price (always shown) -->\n                                                <div class=\"mb-1\">\n                                                                                                            <span class=\"text-stone-900 text-xl font-medium\">\n                                                            14.89 \u20ac\n                                                        <\/span>\n                                                                                                    <\/div>\n                                                \n                                                <!-- BGN Price (conditional) -->\n                                                                                                    <div class=\"text-stone-500 text-base\">\n                                                        27.38 \u043b\u0432\n                                                    <\/div>\n                                                                                            <\/div>\n                                            \n                                            <!-- Add to Cart Button -->\n                                                                                            <a href=\"?add-to-cart=840\" \n                                                class=\"w-11 h-11 flex items-center justify-center bg-primary rounded-md hover:bg-primary-dark transition-colors no-underline\">\n                                                    <span class=\"material-symbols-outlined text-white\">add<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        \n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                                                \n                            <div class=\"swiper-slide h-auto\">\n                                <div class=\"group relative bg-white rounded-2xl border-[2.5px] border-stone-300\/70 overflow-hidden hover:shadow-lg transition-all h-full flex flex-col\">\n                                    \n                                    <!-- Product Image -->\n                                    <div class=\"flex items-center justify-center px-6 pt-6 pb-2 relative\">\n                                        <a href=\"https:\/\/samurai.coffee\/bg\/\u043f\u0440\u043e\u0434\u0443\u043a\u0442\/%d0%ba%d0%b5%d0%bd%d0%b8%d1%8f-%d0%ba%d0%b0%d1%80%d0%b8%d0%bc%d0%b8%d0%ba%d1%83%d0%b8-%d0%b0%d0%b0-%d0%ba%d0%b8%d1%80%d0%b8%d0%bd%d1%8f%d0%b3%d0%b0-%d0%bc%d0%b8%d0%ba%d1%80%d0%be%d0%bb%d0%be%d1%82\/\" class=\"block\">\n                                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-300x300.png\" class=\"w-60 h-64 object-cover group-hover:scale-105 transition-transform duration-500 wp-post-image\" alt=\"\" srcset=\"https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-300x300.png 300w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-1024x1024.png 1024w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-150x150.png 150w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-768x768.png 768w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-1536x1536.png 1536w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-2048x2048.png 2048w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-800x800.png 800w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-600x600.png 600w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-100x100.png 100w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                                                                                    <\/a>\n                                        \n                                        <!-- Dynamic Category Badges -->\n                                                                                                                    <\/div>\n                                    \n                                    <!-- Product Info -->\n                                    <div class=\"px-6 pb-6 flex-grow flex flex-col\">\n                                        \n                                        <!-- Roast Types (espresso\/filter\/omni) -->\n                                                                                    <div class=\"self-stretch h-6 text-center justify-start text-neutral-400 text-xl font-medium\">\n                                                \u0444\u0438\u043b\u0442\u044a\u0440                                            <\/div>\n                                                                                \n                                        <!-- Product Name -->\n                                        <div class=\"text-center mb-2\">\n                                            <h3 class=\"text-black text-lg leading-6\">\n                                                <a href=\"https:\/\/samurai.coffee\/bg\/\u043f\u0440\u043e\u0434\u0443\u043a\u0442\/%d0%ba%d0%b5%d0%bd%d0%b8%d1%8f-%d0%ba%d0%b0%d1%80%d0%b8%d0%bc%d0%b8%d0%ba%d1%83%d0%b8-%d0%b0%d0%b0-%d0%ba%d0%b8%d1%80%d0%b8%d0%bd%d1%8f%d0%b3%d0%b0-%d0%bc%d0%b8%d0%ba%d1%80%d0%be%d0%bb%d0%be%d1%82\/\" \n                                                class=\"hover:text-amber-600 transition-colors no-underline\">\n                                                    <b>\u041a\u0415\u041d\u0418\u042f \u041a\u0410\u0420\u0418\u041c\u0418\u041a\u0423\u0418 \u0410\u0410 \u041a\u0418\u0420\u0418\u041d\u042f\u0413\u0410 \u041c\u0418\u041a\u0420\u041e\u041b\u041e\u0422<\/b>                                                <\/a>\n                                            <\/h3>\n                                        <\/div>\n                                        \n                                        <!-- Price & Add to Cart -->\n                                        <div class=\"flex items-center justify-between mt-auto\">\n                                            \n                                            <div class=\"text-left\">\n                                                <!-- EUR Price (always shown) -->\n                                                <div class=\"mb-1\">\n                                                                                                            <span class=\"text-stone-900 text-xl font-medium\">\n                                                            18.29 \u20ac\n                                                        <\/span>\n                                                                                                    <\/div>\n                                                \n                                                <!-- BGN Price (conditional) -->\n                                                                                                    <div class=\"text-stone-500 text-base\">\n                                                        27.38 \u043b\u0432\n                                                    <\/div>\n                                                                                            <\/div>\n                                            \n                                            <!-- Add to Cart Button -->\n                                                                                            <a href=\"?add-to-cart=851\" \n                                                class=\"w-11 h-11 flex items-center justify-center bg-primary rounded-md hover:bg-primary-dark transition-colors no-underline\">\n                                                    <span class=\"material-symbols-outlined text-white\">add<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        \n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                                                \n                            <div class=\"swiper-slide h-auto\">\n                                <div class=\"group relative bg-white rounded-2xl border-[2.5px] border-stone-300\/70 overflow-hidden hover:shadow-lg transition-all h-full flex flex-col\">\n                                    \n                                    <!-- Product Image -->\n                                    <div class=\"flex items-center justify-center px-6 pt-6 pb-2 relative\">\n                                        <a href=\"https:\/\/samurai.coffee\/bg\/\u043f\u0440\u043e\u0434\u0443\u043a\u0442\/%d0%b1%d1%83%d1%80%d1%83%d0%bd%d0%b4%d0%b8-masha-kayanza-honey\/\" class=\"block\">\n                                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-1-300x300.png\" class=\"w-60 h-64 object-cover group-hover:scale-105 transition-transform duration-500 wp-post-image\" alt=\"\" srcset=\"https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-1-300x300.png 300w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-1-1024x1024.png 1024w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-1-150x150.png 150w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-1-768x768.png 768w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-1-1536x1536.png 1536w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-1-2048x2048.png 2048w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-1-800x800.png 800w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-1-600x600.png 600w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-1-100x100.png 100w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                                                                                    <\/a>\n                                        \n                                        <!-- Dynamic Category Badges -->\n                                                                                                                    <\/div>\n                                    \n                                    <!-- Product Info -->\n                                    <div class=\"px-6 pb-6 flex-grow flex flex-col\">\n                                        \n                                        <!-- Roast Types (espresso\/filter\/omni) -->\n                                                                                    <div class=\"self-stretch h-6 text-center justify-start text-neutral-400 text-xl font-medium\">\n                                                \u043e\u043c\u043d\u0438                                            <\/div>\n                                                                                \n                                        <!-- Product Name -->\n                                        <div class=\"text-center mb-2\">\n                                            <h3 class=\"text-black text-lg leading-6\">\n                                                <a href=\"https:\/\/samurai.coffee\/bg\/\u043f\u0440\u043e\u0434\u0443\u043a\u0442\/%d0%b1%d1%83%d1%80%d1%83%d0%bd%d0%b4%d0%b8-masha-kayanza-honey\/\" \n                                                class=\"hover:text-amber-600 transition-colors no-underline\">\n                                                    \u0411\u0443\u0440\u0443\u043d\u0434\u0438 \u041c\u0430\u0448\u0430 \u041a\u0430\u044f\u043d\u0437\u0430                                                <\/a>\n                                            <\/h3>\n                                        <\/div>\n                                        \n                                        <!-- Price & Add to Cart -->\n                                        <div class=\"flex items-center justify-between mt-auto\">\n                                            \n                                            <div class=\"text-left\">\n                                                <!-- EUR Price (always shown) -->\n                                                <div class=\"mb-1\">\n                                                                                                            <span class=\"text-stone-900 text-xl font-medium\">\n                                                            17.69 \u20ac\n                                                        <\/span>\n                                                                                                    <\/div>\n                                                \n                                                <!-- BGN Price (conditional) -->\n                                                                                                    <div class=\"text-stone-500 text-base\">\n                                                        33.25 \u043b\u0432\n                                                    <\/div>\n                                                                                            <\/div>\n                                            \n                                            <!-- Add to Cart Button -->\n                                                                                            <a href=\"?add-to-cart=882\" \n                                                class=\"w-11 h-11 flex items-center justify-center bg-primary rounded-md hover:bg-primary-dark transition-colors no-underline\">\n                                                    <span class=\"material-symbols-outlined text-white\">add<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        \n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                                                \n                            <div class=\"swiper-slide h-auto\">\n                                <div class=\"group relative bg-white rounded-2xl border-[2.5px] border-stone-300\/70 overflow-hidden hover:shadow-lg transition-all h-full flex flex-col\">\n                                    \n                                    <!-- Product Image -->\n                                    <div class=\"flex items-center justify-center px-6 pt-6 pb-2 relative\">\n                                        <a href=\"https:\/\/samurai.coffee\/bg\/\u043f\u0440\u043e\u0434\u0443\u043a\u0442\/%d0%b1%d1%80%d0%b0%d0%b7%d0%b8%d0%bb%d0%b8%d1%8f-%d1%84%d0%b0%d0%b7%d0%b5%d0%bd%d0%b4%d0%b0-%d0%bc%d1%83%d0%bc%d0%b1%d1%83%d0%ba%d0%b0\/\" class=\"block\">\n                                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-2-300x300.png\" class=\"w-60 h-64 object-cover group-hover:scale-105 transition-transform duration-500 wp-post-image\" alt=\"\" srcset=\"https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-2-300x300.png 300w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-2-1024x1024.png 1024w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-2-150x150.png 150w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-2-768x768.png 768w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-2-1536x1536.png 1536w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-2-2048x2048.png 2048w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-2-800x800.png 800w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-2-600x600.png 600w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite-2-100x100.png 100w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                                                                                    <\/a>\n                                        \n                                        <!-- Dynamic Category Badges -->\n                                                                                                                    <\/div>\n                                    \n                                    <!-- Product Info -->\n                                    <div class=\"px-6 pb-6 flex-grow flex flex-col\">\n                                        \n                                        <!-- Roast Types (espresso\/filter\/omni) -->\n                                                                                    <div class=\"self-stretch h-6 text-center justify-start text-neutral-400 text-xl font-medium\">\n                                                \u0435\u0441\u043f\u0440\u0435\u0441\u043e                                            <\/div>\n                                                                                \n                                        <!-- Product Name -->\n                                        <div class=\"text-center mb-2\">\n                                            <h3 class=\"text-black text-lg leading-6\">\n                                                <a href=\"https:\/\/samurai.coffee\/bg\/\u043f\u0440\u043e\u0434\u0443\u043a\u0442\/%d0%b1%d1%80%d0%b0%d0%b7%d0%b8%d0%bb%d0%b8%d1%8f-%d1%84%d0%b0%d0%b7%d0%b5%d0%bd%d0%b4%d0%b0-%d0%bc%d1%83%d0%bc%d0%b1%d1%83%d0%ba%d0%b0\/\" \n                                                class=\"hover:text-amber-600 transition-colors no-underline\">\n                                                    <b>\u0411\u0440\u0430\u0437\u0438\u043b\u0438\u044f \u0424\u0430\u0437\u0435\u043d\u0434\u0430 \u041c\u0443\u043c\u0431\u0443\u043a\u0430<\/b>                                                <\/a>\n                                            <\/h3>\n                                        <\/div>\n                                        \n                                        <!-- Price & Add to Cart -->\n                                        <div class=\"flex items-center justify-between mt-auto\">\n                                            \n                                            <div class=\"text-left\">\n                                                <!-- EUR Price (always shown) -->\n                                                <div class=\"mb-1\">\n                                                                                                            <span class=\"text-stone-900 text-xl font-medium\">\n                                                            14.27 \u20ac\n                                                        <\/span>\n                                                                                                    <\/div>\n                                                \n                                                <!-- BGN Price (conditional) -->\n                                                                                                    <div class=\"text-stone-500 text-base\">\n                                                        27.38 \u043b\u0432\n                                                    <\/div>\n                                                                                            <\/div>\n                                            \n                                            <!-- Add to Cart Button -->\n                                                                                            <a href=\"?add-to-cart=903\" \n                                                class=\"w-11 h-11 flex items-center justify-center bg-primary rounded-md hover:bg-primary-dark transition-colors no-underline\">\n                                                    <span class=\"material-symbols-outlined text-white\">add<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        \n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                                                \n                            <div class=\"swiper-slide h-auto\">\n                                <div class=\"group relative bg-white rounded-2xl border-[2.5px] border-stone-300\/70 overflow-hidden hover:shadow-lg transition-all h-full flex flex-col\">\n                                    \n                                    <!-- Product Image -->\n                                    <div class=\"flex items-center justify-center px-6 pt-6 pb-2 relative\">\n                                        <a href=\"https:\/\/samurai.coffee\/bg\/\u043f\u0440\u043e\u0434\u0443\u043a\u0442\/%d0%b5%d1%82%d0%b8%d0%be%d0%bf%d0%b8%d1%8f-%d1%85%d0%b0%d0%bc%d0%b1%d0%b5%d0%bb%d0%b0-%d0%b3%d0%be%d1%80%d0%be\/\" class=\"block\">\n                                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite2-300x300.png\" class=\"w-60 h-64 object-cover group-hover:scale-105 transition-transform duration-500 wp-post-image\" alt=\"\" srcset=\"https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite2-300x300.png 300w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite2-1024x1024.png 1024w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite2-150x150.png 150w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite2-768x768.png 768w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite2-1536x1536.png 1536w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite2-2048x2048.png 2048w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite2-800x800.png 800w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite2-600x600.png 600w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsite2-100x100.png 100w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                                                                                    <\/a>\n                                        \n                                        <!-- Dynamic Category Badges -->\n                                                                                                                    <\/div>\n                                    \n                                    <!-- Product Info -->\n                                    <div class=\"px-6 pb-6 flex-grow flex flex-col\">\n                                        \n                                        <!-- Roast Types (espresso\/filter\/omni) -->\n                                                                                    <div class=\"self-stretch h-6 text-center justify-start text-neutral-400 text-xl font-medium\">\n                                                \u0444\u0438\u043b\u0442\u044a\u0440                                            <\/div>\n                                                                                \n                                        <!-- Product Name -->\n                                        <div class=\"text-center mb-2\">\n                                            <h3 class=\"text-black text-lg leading-6\">\n                                                <a href=\"https:\/\/samurai.coffee\/bg\/\u043f\u0440\u043e\u0434\u0443\u043a\u0442\/%d0%b5%d1%82%d0%b8%d0%be%d0%bf%d0%b8%d1%8f-%d1%85%d0%b0%d0%bc%d0%b1%d0%b5%d0%bb%d0%b0-%d0%b3%d0%be%d1%80%d0%be\/\" \n                                                class=\"hover:text-amber-600 transition-colors no-underline\">\n                                                    <b>\u0415\u0422\u0418\u041e\u041f\u0418\u042f \u0425\u0410\u041c\u0411\u0415\u041b\u0410 \u0413\u041e\u0420\u041e<\/b>                                                <\/a>\n                                            <\/h3>\n                                        <\/div>\n                                        \n                                        <!-- Price & Add to Cart -->\n                                        <div class=\"flex items-center justify-between mt-auto\">\n                                            \n                                            <div class=\"text-left\">\n                                                <!-- EUR Price (always shown) -->\n                                                <div class=\"mb-1\">\n                                                                                                            <span class=\"text-stone-900 text-xl font-medium\">\n                                                            18.05 \u20ac\n                                                        <\/span>\n                                                                                                    <\/div>\n                                                \n                                                <!-- BGN Price (conditional) -->\n                                                                                                    <div class=\"text-stone-500 text-base\">\n                                                        35.20 \u043b\u0432\n                                                    <\/div>\n                                                                                            <\/div>\n                                            \n                                            <!-- Add to Cart Button -->\n                                                                                            <a href=\"?add-to-cart=928\" \n                                                class=\"w-11 h-11 flex items-center justify-center bg-primary rounded-md hover:bg-primary-dark transition-colors no-underline\">\n                                                    <span class=\"material-symbols-outlined text-white\">add<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        \n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                                                \n                            <div class=\"swiper-slide h-auto\">\n                                <div class=\"group relative bg-white rounded-2xl border-[2.5px] border-stone-300\/70 overflow-hidden hover:shadow-lg transition-all h-full flex flex-col\">\n                                    \n                                    <!-- Product Image -->\n                                    <div class=\"flex items-center justify-center px-6 pt-6 pb-2 relative\">\n                                        <a href=\"https:\/\/samurai.coffee\/bg\/\u043f\u0440\u043e\u0434\u0443\u043a\u0442\/%d0%ba%d0%be%d0%bb%d1%83%d0%bc%d0%b1%d0%b8%d1%8f-%d0%b0%d1%80%d0%b5%d0%b0-18-%d0%ba%d0%b0%d1%81%d1%82%d0%b8%d0%bb%d0%be\/\" class=\"block\">\n                                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsitecolombianatural-300x300.png\" class=\"w-60 h-64 object-cover group-hover:scale-105 transition-transform duration-500 wp-post-image\" alt=\"\" srcset=\"https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsitecolombianatural-300x300.png 300w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsitecolombianatural-1024x1024.png 1024w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsitecolombianatural-150x150.png 150w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsitecolombianatural-768x768.png 768w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsitecolombianatural-1536x1536.png 1536w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsitecolombianatural-2048x2048.png 2048w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsitecolombianatural-800x800.png 800w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsitecolombianatural-600x600.png 600w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsitecolombianatural-100x100.png 100w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                                                                                    <\/a>\n                                        \n                                        <!-- Dynamic Category Badges -->\n                                                                                                                    <\/div>\n                                    \n                                    <!-- Product Info -->\n                                    <div class=\"px-6 pb-6 flex-grow flex flex-col\">\n                                        \n                                        <!-- Roast Types (espresso\/filter\/omni) -->\n                                                                                    <div class=\"self-stretch h-6 text-center justify-start text-neutral-400 text-xl font-medium\">\n                                                \u043e\u043c\u043d\u0438                                            <\/div>\n                                                                                \n                                        <!-- Product Name -->\n                                        <div class=\"text-center mb-2\">\n                                            <h3 class=\"text-black text-lg leading-6\">\n                                                <a href=\"https:\/\/samurai.coffee\/bg\/\u043f\u0440\u043e\u0434\u0443\u043a\u0442\/%d0%ba%d0%be%d0%bb%d1%83%d0%bc%d0%b1%d0%b8%d1%8f-%d0%b0%d1%80%d0%b5%d0%b0-18-%d0%ba%d0%b0%d1%81%d1%82%d0%b8%d0%bb%d0%be\/\" \n                                                class=\"hover:text-amber-600 transition-colors no-underline\">\n                                                    <b>\u041a\u041e\u041b\u0423\u041c\u0411\u0418\u042f \u0410\u0420\u0415\u0410 18 \u041a\u0410\u0421\u0422\u0418\u041b\u041e<\/b>                                                <\/a>\n                                            <\/h3>\n                                        <\/div>\n                                        \n                                        <!-- Price & Add to Cart -->\n                                        <div class=\"flex items-center justify-between mt-auto\">\n                                            \n                                            <div class=\"text-left\">\n                                                <!-- EUR Price (always shown) -->\n                                                <div class=\"mb-1\">\n                                                                                                            <span class=\"text-stone-900 text-xl font-medium\">\n                                                            20.92 \u20ac\n                                                        <\/span>\n                                                                                                    <\/div>\n                                                \n                                                <!-- BGN Price (conditional) -->\n                                                                                                    <div class=\"text-stone-500 text-base\">\n                                                        39.12 \u043b\u0432\n                                                    <\/div>\n                                                                                            <\/div>\n                                            \n                                            <!-- Add to Cart Button -->\n                                                                                            <a href=\"?add-to-cart=950\" \n                                                class=\"w-11 h-11 flex items-center justify-center bg-primary rounded-md hover:bg-primary-dark transition-colors no-underline\">\n                                                    <span class=\"material-symbols-outlined text-white\">add<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        \n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                                                \n                            <div class=\"swiper-slide h-auto\">\n                                <div class=\"group relative bg-white rounded-2xl border-[2.5px] border-stone-300\/70 overflow-hidden hover:shadow-lg transition-all h-full flex flex-col\">\n                                    \n                                    <!-- Product Image -->\n                                    <div class=\"flex items-center justify-center px-6 pt-6 pb-2 relative\">\n                                        <a href=\"https:\/\/samurai.coffee\/bg\/\u043f\u0440\u043e\u0434\u0443\u043a\u0442\/%d0%ba%d0%be%d0%bb%d1%83%d0%bc%d0%b1%d0%b8%d1%8f-area-18-%d1%87%d0%b5%d1%80%d0%b2%d0%b5%d0%bd%d0%be-%d0%b8%d0%b2%d0%b8%d1%87%d0%b5%d1%81%d1%82-%d0%b1%d1%83%d1%80%d0%b1%d0%be%d0%bd\/\" class=\"block\">\n                                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsiteredstriped-300x300.png\" class=\"w-60 h-64 object-cover group-hover:scale-105 transition-transform duration-500 wp-post-image\" alt=\"\" srcset=\"https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsiteredstriped-300x300.png 300w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsiteredstriped-1024x1024.png 1024w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsiteredstriped-150x150.png 150w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsiteredstriped-768x768.png 768w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsiteredstriped-1536x1536.png 1536w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsiteredstriped-2048x2048.png 2048w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsiteredstriped-800x800.png 800w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsiteredstriped-600x600.png 600w, https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/08\/rdyforsiteredstriped-100x100.png 100w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                                                                                    <\/a>\n                                        \n                                        <!-- Dynamic Category Badges -->\n                                                                                                                    <\/div>\n                                    \n                                    <!-- Product Info -->\n                                    <div class=\"px-6 pb-6 flex-grow flex flex-col\">\n                                        \n                                        <!-- Roast Types (espresso\/filter\/omni) -->\n                                                                                    <div class=\"self-stretch h-6 text-center justify-start text-neutral-400 text-xl font-medium\">\n                                                \u0444\u0438\u043b\u0442\u044a\u0440                                            <\/div>\n                                                                                \n                                        <!-- Product Name -->\n                                        <div class=\"text-center mb-2\">\n                                            <h3 class=\"text-black text-lg leading-6\">\n                                                <a href=\"https:\/\/samurai.coffee\/bg\/\u043f\u0440\u043e\u0434\u0443\u043a\u0442\/%d0%ba%d0%be%d0%bb%d1%83%d0%bc%d0%b1%d0%b8%d1%8f-area-18-%d1%87%d0%b5%d1%80%d0%b2%d0%b5%d0%bd%d0%be-%d0%b8%d0%b2%d0%b8%d1%87%d0%b5%d1%81%d1%82-%d0%b1%d1%83%d1%80%d0%b1%d0%be%d0%bd\/\" \n                                                class=\"hover:text-amber-600 transition-colors no-underline\">\n                                                    <b>\u041a\u041e\u041b\u0423\u041c\u0411\u0418\u042f \u0410\u0420\u0415\u0410 18 \u0427\u0415\u0420\u0412\u0415\u041d\u041e-\u0418\u0412\u0418\u0427\u0415\u0421\u0422 \u0411\u0423\u0420\u0411\u041e\u041d<\/b>                                                <\/a>\n                                            <\/h3>\n                                        <\/div>\n                                        \n                                        <!-- Price & Add to Cart -->\n                                        <div class=\"flex items-center justify-between mt-auto\">\n                                            \n                                            <div class=\"text-left\">\n                                                <!-- EUR Price (always shown) -->\n                                                <div class=\"mb-1\">\n                                                                                                            <span class=\"text-stone-900 text-xl font-medium\">\n                                                            24.56 \u20ac\n                                                        <\/span>\n                                                                                                    <\/div>\n                                                \n                                                <!-- BGN Price (conditional) -->\n                                                                                                    <div class=\"text-stone-500 text-base\">\n                                                        46.94 \u043b\u0432\n                                                    <\/div>\n                                                                                            <\/div>\n                                            \n                                            <!-- Add to Cart Button -->\n                                                                                            <a href=\"?add-to-cart=976\" \n                                                class=\"w-11 h-11 flex items-center justify-center bg-primary rounded-md hover:bg-primary-dark transition-colors no-underline\">\n                                                    <span class=\"material-symbols-outlined text-white\">add<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        \n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                \n                    <\/div>\n                <\/div>\n                \n                <!-- Navigation Arrows -->\n                <div class=\"flex justify-center gap-4 mt-6\">\n                    <button @click=\"slidePrev\" \n                            class=\"w-10 h-10 bg-white rounded-full shadow-md border border-gray-200 flex items-center justify-center hover:bg-gray-50 transition-all\">\n                        <span class=\"material-symbols-outlined\">chevron_left<\/span>\n                    <\/button>\n                    <button @click=\"slideNext\" \n                            class=\"w-10 h-10 bg-white rounded-full shadow-md border border-gray-200 flex items-center justify-center hover:bg-gray-50 transition-all\">\n                        <span class=\"material-symbols-outlined\">chevron_right<\/span>\n                    <\/button>\n                <\/div>\n                \n                            <\/div>\n            \n            <!-- Alpine.js Component -->\n            <script>\n                document.addEventListener('alpine:init', () => {\n                    Alpine.data('featuredProductsSwiper', () => ({\n                        swiper: null,\n                        initSwiper() {\n                            const container = this.$refs.swiperContainer;\n                            const desktop = parseInt(container.parentElement.dataset.desktop) || 4;\n                            const tablet = parseInt(container.parentElement.dataset.tablet) || 3;\n                            const mobile = parseInt(container.parentElement.dataset.mobile) || 1;\n                            const space = parseInt(container.parentElement.dataset.space) || 20;\n                            \n                            this.swiper = new Swiper(container, {\n                                slidesPerView: mobile,\n                                spaceBetween: 12,\n                                freeMode: true,\n                                grabCursor: true,\n                                breakpoints: {\n                                    640: {\n                                        slidesPerView: mobile + 1,\n                                        spaceBetween: 16,\n                                    },\n                                    768: {\n                                        slidesPerView: tablet,\n                                        spaceBetween: 16,\n                                    },\n                                    1024: {\n                                        slidesPerView: desktop,\n                                        spaceBetween: space,\n                                    },\n                                }\n                            });\n                        },\n                        slidePrev() {\n                            if (this.swiper) this.swiper.slidePrev();\n                        },\n                        slideNext() {\n                            if (this.swiper) this.swiper.slideNext();\n                        }\n                    }));\n                });\n            <\/script>\n                \n    <\/div>\n<\/section>\n\n\n<section class=\"samurai-wholesale-home home-section wp-block-samurai-wholesale-home\">\n    <div class=\"md:max-w-7xl md:mx-auto md:px-4 md:py-4\">\n        \n        <div class=\"relative overflow-hidden md:rounded-lg h-[300px] md:h-[560px] bg-cover flex items-end\"\n             style=\"background-image: url('https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/04\/coffee-landing-page.webp'); background-position: center center;\">\n            \n            <div class=\"p-4 md:p-12 w-full md:max-w-7xl md:mx-auto md:px-4\">\n                \n                                    <h1 class=\"text-2xl md:text-6xl font-black uppercase tracking-tighter mb-4 md:mb-6\"\n                        style=\"color: #f6be00;\">\n                        \u0422\u044a\u0440\u0433\u043e\u0432\u0438\u044f \u043d\u0430 \u0435\u0434\u0440\u043e                    <\/h1>\n                                \n                                    <a href=\"https:\/\/samurai.coffee\/bg\/%d1%82%d1%8a%d1%80%d0%b3%d0%be%d0%b2%d0%b8%d1%8f-%d0%bd%d0%b0-%d0%b5%d0%b4%d1%80%d0%be\/\" \n                       class=\"inline-block px-4 py-2 rounded-full bg-primary border-2 border-secondary text-black font-bold uppercase tracking-tight transition-all duration-300 hover:bg-transparent hover:border-primary hover:text-white no-underline\">\n                        \u041d\u0430\u0443\u0447\u0435\u0442\u0435 \u043f\u043e\u0432\u0435\u0447\u0435                    <\/a>\n                                \n            <\/div>\n            \n        <\/div>\n        \n    <\/div>\n<\/section>\n\n\n<section class=\"samurai-story-home py-4 wp-block-samurai-story-home\">\n    <div class=\"md:max-w-7xl md:mx-auto md:px-4 md:py-4\">\n        \n        <div class=\"relative overflow-hidden md:rounded-lg h-[300px] md:h-[560px] bg-cover flex items-end justify-end\"\n             style=\"background-image: url('https:\/\/samurai.coffee\/wp-content\/uploads\/2026\/04\/roest-3000.webp'); background-position: center 17%;\">\n            \n            <div class=\"p-4 md:p-12 text-right w-full md:max-w-7xl md:mx-auto md:px-4\">\n                \n                                    <h1 class=\"text-2xl md:text-6xl font-black uppercase tracking-tighter mb-4 md:mb-6\"\n                        style=\"color: #f6be00;\">\n                        \u041d\u0430\u0448\u0430\u0442\u0430 \u0438\u0441\u0442\u043e\u0440\u0438\u044f                    <\/h1>\n                                \n                                    <a href=\"#\" \n                       class=\"inline-block px-4 py-2 rounded-full bg-primary border-2 border-secondary text-black font-bold uppercase tracking-tight transition-all duration-300 hover:bg-transparent hover:border-primary hover:text-white no-underline\">\n                        \u041d\u0430\u0443\u0447\u0435\u0442\u0435 \u043f\u043e\u0432\u0435\u0447\u0435                    <\/a>\n                                \n            <\/div>\n            \n        <\/div>\n        \n    <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-359","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/samurai.coffee\/bg\/wp-json\/wp\/v2\/pages\/359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/samurai.coffee\/bg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/samurai.coffee\/bg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/samurai.coffee\/bg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/samurai.coffee\/bg\/wp-json\/wp\/v2\/comments?post=359"}],"version-history":[{"count":10,"href":"https:\/\/samurai.coffee\/bg\/wp-json\/wp\/v2\/pages\/359\/revisions"}],"predecessor-version":[{"id":990,"href":"https:\/\/samurai.coffee\/bg\/wp-json\/wp\/v2\/pages\/359\/revisions\/990"}],"wp:attachment":[{"href":"https:\/\/samurai.coffee\/bg\/wp-json\/wp\/v2\/media?parent=359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}