{"product_id":"kratomit-self-mixing-mug","title":"Kratomit Kubek Samomieszający","description":"\u003cdiv class=\"kratom-desc-wrapper\"\u003e\n\u003cdiv class=\"kratom-header-container\"\u003e\u003cbr\u003e\n\u003ch2 class=\"kratom-main-title\"\u003ePerfekcyjne połączenie: Kubek samomieszający Kratomit Premium (300 ml)\u003c\/h2\u003e\n\u003cdiv class=\"kratom-header-line-container\"\u003e\n\u003cdiv class=\"kratom-header-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kratom-header-line-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kratom-header-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"kratom-intro-text\"\u003eCiesz się idealnie wymieszanym napojem za dotknięciem przycisku. Idealny do kratomu, kawy, herbaty, napojów białkowych i koktajli. Pojemność 300 ml, wykonany z wysokiej jakości stali nierdzewnej i tworzywa sztucznego. Masz dość uciążliwych grudek na dnie kubka? \u003cstrong\u003eKubek samomieszający Kratomit\u003c\/strong\u003e to idealny towarzysz Twojego nowoczesnego stylu życia. Niezależnie od tego, czy mieszasz drobno zmielony proszek kratom, koktajle białkowe, poranną kawę czy suplementy diety, ten kubek zapewnia wyjątkowo gładką konsystencję bez żadnego wysiłku.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 2. INTERACTIVE SEGMENTED TABS (DESKTOP) \/ CARDS (MOBILE) --\u003e\n\u003cdiv class=\"kratom-tabs\"\u003e\u003c!-- Hidden Radio Controls --\u003e \u003cinput type=\"radio\" class=\"kratom-tab-radio\" name=\"kratom-tabs-group-stirring-mug\" id=\"k-tab-1\" checked=\"checked\"\u003e \u003cinput type=\"radio\" class=\"kratom-tab-radio\" name=\"kratom-tabs-group-stirring-mug\" id=\"k-tab-2\"\u003e \u003c!-- Segmented Navigation Header --\u003e\n\u003cdiv class=\"kratom-tab-nav\"\u003e\u003clabel for=\"k-tab-1\" class=\"kratom-tab-label\"\u003e \u003csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\n        \u003c\/svg\u003e Technologia mieszania \u003c\/label\u003e \u003clabel for=\"k-tab-2\" class=\"kratom-tab-label\"\u003e \u003csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e Budowa Premium \u003c\/label\u003e\u003c\/div\u003e\n\u003c!-- Tab Content Wrapper --\u003e\n\u003cdiv class=\"kratom-tab-content-wrapper\"\u003e\u003c!-- Panel 1: Mixing Technology --\u003e\n\u003cdiv class=\"kratom-tab-panel panel-1\"\u003e\n\u003cdiv class=\"kratom-tab-panel-header-mobile\"\u003e\u003csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\n          \u003c\/svg\u003e Bezproblemowe mieszanie za dotknięciem przycisku\u003c\/div\u003e\n\u003ch3\u003e\u003csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\n          \u003c\/svg\u003e Bezproblemowe mieszanie za dotknięciem przycisku\u003c\/h3\u003e\n\u003cp\u003eSercem kubka samomieszającego Kratomit jest cichy wirnik mieszający o dużej prędkości, który aktywuje się natychmiast po naciśnięciu przycisku. Pożegnaj się z łyżeczkami i irytującym dźwiękiem brzęczącego metalu. Kubek ten tworzy potężny wir, który szybko rozpuszcza proszki, zapewnia równomierną dystrybucję temperatury i utrzymuje idealną konsystencję napoju od pierwszego do ostatniego łyku.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Panel 2: Premium Build --\u003e\n\u003cdiv class=\"kratom-tab-panel panel-2\"\u003e\n\u003cdiv class=\"kratom-tab-panel-header-mobile\"\u003e\u003csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e Zaprojektowany z myślą o trwałości i przenośności\u003c\/div\u003e\n\u003ch3\u003e\u003csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e Zaprojektowany z myślą o trwałości i przenośności\u003c\/h3\u003e\n\u003cp\u003eWykonany z dopuszczonej do kontaktu z żywnością, wysokiej jakości podwójnej ścianki ze stali nierdzewnej (wewnątrz) i trwałego izolowanego tworzywa sztucznego (na zewnątrz), kubek ten dłużej utrzymuje ciepło lub zimno napojów. Odporna na zalanie pokrywka zapewnia bezpieczny transport, a ergonomiczny uchwyt zapewnia wygodny chwyt. Został zaprojektowany tak, aby był lekki, łatwy do czyszczenia i w pełni zasilany bateriami dla maksymalnej bezprzewodowej przenośności.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. HOW TO WORK WITH THE MUG (NUMBERED STEPS) --\u003e\n\u003cdiv class=\"kratom-section-block\"\u003eJak używać kubka samomieszającego?\n\u003cp\u003eCieszenie się gładkim, idealnie wymieszanym napojem nigdy nie było łatwiejsze. Wystarczy postępować zgodnie z tymi prostymi krokami:\u003c\/p\u003e\n\u003col class=\"kratom-steps-list\"\u003e\n\u003cli\u003e\n\u003cdiv class=\"kratom-step-num\" style=\"color: #ffffff !important; background-color: #123019 !important;\"\u003e1\u003c\/div\u003e\n\u003cspan\u003eWlej wybrany płyn (wodę, mleko lub sok) do kubka.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"kratom-step-num\" style=\"color: #ffffff !important; background-color: #123019 !important;\"\u003e2\u003c\/div\u003e\n\u003cspan\u003eWsyp proszek — czy to kratom, białko, kawa czy kakao.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"kratom-step-num\" style=\"color: #ffffff !important; background-color: #123019 !important;\"\u003e3\u003c\/div\u003e\n\u003cspan\u003eNaciśnij przycisk na uchwycie, aby uruchomić potężne mieszanie wirowe.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"kratom-step-num\" style=\"color: #ffffff !important; background-color: #123019 !important;\"\u003e4\u003c\/div\u003e\n\u003cspan\u003eCiesz się idealnie gładkim, pozbawionym grudek napojem.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c!-- 4. SPECS TABLE --\u003e\n\u003cdiv class=\"kratom-section-block\"\u003e\n\u003ch3\u003eSpecyfikacje i parametry techniczne\u003c\/h3\u003e\n\u003cdiv class=\"kratom-table-container\"\u003e\n\u003ctable class=\"kratom-spec-table\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background-color: #123019 !important;\"\u003e\n\u003cth style=\"color: #ffffff !important; background-color: #123019 !important; padding: 16px 20px; text-align: left; border: none; font-weight: bold; font-family: Trirong, Georgia, serif;\"\u003eParametr\u003c\/th\u003e\n\u003cth style=\"color: #ffffff !important; background-color: #123019 !important; padding: 16px 20px; text-align: left; border: none; font-weight: bold; font-family: Trirong, Georgia, serif;\"\u003eSzczegóły specyfikacji\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eNazwa produktu\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003eKubek samomieszający Kratomit\u003c\/strong\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePojemność\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e300 ml\u003c\/strong\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMateriały\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003eWysokiej jakości stal nierdzewna i wysokiej jakości tworzywo sztuczne\u003c\/strong\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNadaje się do\u003c\/td\u003e\n\u003ctd\u003eKratomu, kawy, herbaty, napojów białkowych, koktajli i suplementów\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMechanizm sterowania\u003c\/td\u003e\n\u003ctd\u003ePrzycisk jednodotykowy zintegrowany z uchwytem\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eŹródło zasilania\u003c\/td\u003e\n\u003ctd\u003eZasilanie bateryjne (bezprzewodowa wygoda)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDołączone akcesoria\u003c\/td\u003e\n\u003ctd\u003eOdporna na zachlapania pokrywka podróżna\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. BENEFITS 2x2 GRID --\u003e\n\u003cdiv class=\"kratom-benefits-section\"\u003e\n\u003ch3 class=\"kratom-benefits-title\"\u003eDlaczego wybrać kubek samomieszający Kratomit?\u003c\/h3\u003e\n\u003cdiv class=\"kratom-benefits-intro\"\u003eTo sprytne akcesorium stanowi ostateczne ulepszenie codziennego przygotowywania napojów:\u003c\/div\u003e\n\u003cdiv class=\"kratom-benefits-grid\"\u003e\n\u003cdiv class=\"kratom-benefit-card\"\u003e\n\u003cdiv class=\"kratom-benefit-icon-container\"\u003e\u003csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"kratom-benefit-content\"\u003e\n\u003ch4\u003eNie potrzeba łyżeczek\u003c\/h4\u003e\n\u003cp\u003eCiesz się w pełni automatycznym procesem mieszania. Wystarczy nacisnąć przycisk i obserwować, jak potężny wir wykonuje pracę.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kratom-benefit-card\"\u003e\n\u003cdiv class=\"kratom-benefit-icon-container\"\u003e\u003csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cline x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\u003e\u003c\/line\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"kratom-benefit-content\"\u003e\n\u003ch4\u003eZero grudek\u003c\/h4\u003e\n\u003cp\u003eIdealny do trudnych do wymieszania proszków, takich jak kratom czy białko. Za każdym razem zapewnia idealnie gładką konsystencję.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kratom-benefit-card\"\u003e\n\u003cdiv class=\"kratom-benefit-icon-container\"\u003e\u003csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 6v6l4 2\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"kratom-benefit-content\"\u003e\n\u003ch4\u003eIzolacja podwójnymi ściankami\u003c\/h4\u003e\n\u003cp\u003eUtrzymuje temperaturę napoju (gorącego lub zimnego), jednocześnie utrzymując zewnętrzną powłokę chłodną i bezpieczną w dotyku.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kratom-benefit-card\"\u003e\n\u003cdiv class=\"kratom-benefit-icon-container\"\u003e\u003csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"kratom-benefit-content\"\u003e\n\u003ch4\u003eKonstrukcja gotowa do podróży\u003c\/h4\u003e\n\u003cp\u003eWyposażony w bezpieczną, odporną na zachlapania pokrywkę i ergonomiczny uchwyt, dzięki czemu jest idealnym towarzyszem w domu, biurze lub w podróży.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. BOTTOM BANNER --\u003e\n\u003cdiv class=\"kratom-banner-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1025\/1675\/2727\/files\/Typesofkratompl_page-0001.jpg?v=1786357006\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- 7. WARNING \u0026 CARE CARD --\u003e\n\u003cdiv class=\"kratom-warning-card\"\u003e\n\u003cdiv class=\"kratom-warning-icon\"\u003e\u003csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n        \u003cpath d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"\u003e\u003c\/path\u003e\n        \u003cline x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\u003e\u003c\/line\u003e\n        \u003cline x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\u003e\u003c\/line\u003e\n      \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"kratom-warning-text\"\u003e\u003cstrong\u003eInstrukcje dotyczące pielęgnacji:\u003c\/strong\u003e Należy pamiętać, że podstawa kubka zawiera elementy elektroniczne. \u003cstrong\u003eNie zanurzaj całego kubka w wodzie ani nie myj w zmywarce\u003c\/strong\u003e. Delikatnie umyj wnętrze, płucząc je ciepłą wodą z mydłem i włączając mechanizm samomieszania na kilka sekund w celu oczyszczenia, a następnie przetrzyj zewnętrzną część wilgotną szmatką. Przechowywać poza zasięgiem dzieci podczas użytkowania.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n    .kratom-desc-wrapper {\n      --k-primary: #123019;      \/* Deep Forest Green *\/\n      --k-accent: #3eb060;       \/* Vibrant Premium Green *\/\n      --k-accent-soft: #eef7f1;  \/* Soft Mint Accent Background *\/\n      --k-gold: #b39359;         \/* Premium Gold Highlight *\/\n      --k-gold-soft: #fcf8f0;    \/* Warm Cream Background *\/\n      --k-text: #232c27;         \/* Elegant Dark Green-Gray Text *\/\n      --k-text-light: #526358;   \/* Muted Green-Gray Text *\/\n      --k-border: rgba(18, 48, 25, 0.08);\n      --k-border-hover: rgba(62, 176, 96, 0.35);\n      --k-shadow: 0 4px 20px rgba(18, 48, 25, 0.02);\n      --k-shadow-hover: 0 12px 30px rgba(18, 48, 25, 0.08);\n      --k-radius: 16px;\n      --k-radius-sm: 8px;\n      \n      font-family: \"Quattrocento Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      font-size: 19px;          \/* 14pt Base size *\/\n      color: var(--k-text);\n      line-height: 1.75;\n      max-width: 1000px;\n      margin: 0 auto;\n      padding: 30px 15px;\n      box-sizing: border-box;\n      background-color: #ffffff;\n    }\n    .kratom-desc-wrapper * {\n      box-sizing: border-box;\n    }\n    \/* HEADER \u0026 INTRO *\/\n    .kratom-header-container {\n      text-align: center;\n      margin-bottom: 50px;\n      position: relative;\n    }\n    .kratom-badge {\n      display: inline-block;\n      background-color: var(--k-accent-soft);\n      color: var(--k-primary);\n      font-size: 12px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      padding: 8px 20px;\n      border-radius: 30px;\n      margin-bottom: 24px;\n      border: 1.5px solid rgba(62, 176, 96, 0.15);\n      box-shadow: 0 2px 10px rgba(62, 176, 96, 0.04);\n    }\n    .kratom-desc-wrapper h2.kratom-main-title {\n      font-family: Trirong, Georgia, serif;\n      font-weight: 300;\n      color: var(--k-primary);\n      font-size: 34px;\n      line-height: 1.35;\n      max-width: 850px;\n      margin: 0 auto 20px auto;\n      letter-spacing: -0.5px;\n    }\n    .kratom-header-line-container {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      margin: 24px auto 30px auto;\n    }\n    .kratom-header-line-dot {\n      width: 8px;\n      height: 8px;\n      background-color: var(--k-gold);\n      border-radius: 50%;\n    }\n    .kratom-header-line {\n      width: 80px;\n      height: 2px;\n      background: linear-gradient(90deg, transparent, var(--k-primary), transparent);\n    }\n    .kratom-intro-text {\n      font-size: 19px;          \/* 14pt *\/\n      color: var(--k-text);\n      max-width: 840px;\n      margin: 0 auto;\n      line-height: 1.75;\n      font-weight: 400;\n    }\n    \/* FULL WIDTH TEXT SECTIONS *\/\n    .kratom-section-block {\n      margin: 40px auto;\n      max-width: 850px;\n      width: 100%;\n    }\n    .kratom-section-block h3 {\n      font-family: Trirong, Georgia, serif;\n      color: var(--k-primary);\n      font-size: 24px;\n      margin-top: 0;\n      margin-bottom: 20px;\n      font-weight: 300;\n      line-height: 1.4;\n    }\n    .kratom-section-block p {\n      font-size: 19px;          \/* 14pt *\/\n      color: var(--k-text);\n      line-height: 1.75;\n      margin: 0 0 18px 0;\n    }\n    .kratom-section-block p:last-child {\n      margin-bottom: 0;\n    }\n    \/* NUMBERED STEPS *\/\n    .kratom-steps-list {\n      list-style: none;\n      padding: 0;\n      margin: 20px 0 0 0;\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n    .kratom-steps-list li {\n      display: flex;\n      align-items: flex-start;\n      gap: 18px;\n      font-size: 19px;          \/* 14pt *\/\n      color: var(--k-text);\n      line-height: 1.7;\n      background-color: #ffffff;\n      border: 1px solid var(--k-border);\n      border-radius: var(--k-radius);\n      padding: 18px 22px;\n      box-shadow: var(--k-shadow);\n      transition: all 0.3s ease;\n    }\n    .kratom-steps-list li:hover {\n      border-color: var(--k-border-hover);\n      box-shadow: var(--k-shadow-hover);\n      transform: translateX(5px);\n    }\n    .kratom-step-num {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background-color: var(--k-primary);\n      color: #ffffff;\n      font-family: Trirong, Georgia, serif;\n      font-size: 15px;\n      font-weight: 700;\n      width: 36px;\n      height: 36px;\n      border-radius: 50%;\n      flex-shrink: 0;\n      margin-top: 2px;\n    }\n    \/* PURE CSS TABS (SEGMENTED CONTROL) *\/\n    .kratom-tabs {\n      margin: 60px 0;\n      width: 100%;\n      text-align: center;\n    }\n    .kratom-tab-radio {\n      display: none;\n    }\n    .kratom-tab-nav {\n      display: flex;\n      width: 100%;\n      max-width: 600px;\n      background-color: var(--k-accent-soft);\n      padding: 6px;\n      border-radius: 40px;\n      border: 1px solid rgba(62, 176, 96, 0.1);\n      gap: 6px;\n      margin: 0 auto 35px auto;\n      box-shadow: inset 0 2px 4px rgba(18, 48, 25, 0.02);\n    }\n    .kratom-tab-label {\n      padding: 12px 10px;\n      border-radius: 30px;\n      cursor: pointer;\n      font-family: Trirong, Georgia, serif;\n      font-size: 15px;          \/* Prevent overflow *\/\n      color: var(--k-text-light) !important;\n      font-weight: 600 !important;\n      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 6px;\n      user-select: none;\n      white-space: nowrap;\n      background-color: transparent;\n      flex: 1;\n      min-width: 0;\n    }\n    .kratom-tab-label svg {\n      color: var(--k-text-light) !important;\n      stroke: var(--k-text-light) !important;\n      transition: all 0.3s ease;\n      flex-shrink: 0;\n    }\n    .kratom-tab-label:hover {\n      color: var(--k-primary) !important;\n      background-color: rgba(255, 255, 255, 0.4);\n    }\n    \n    .kratom-tab-label:hover svg {\n      color: var(--k-primary) !important;\n      stroke: var(--k-primary) !important;\n    }\n    \/* Active Tab State - Force White Text and Icon *\/\n    #k-tab-1:checked ~ .kratom-tab-nav label[for=\"k-tab-1\"],\n    #k-tab-2:checked ~ .kratom-tab-nav label[for=\"k-tab-2\"] {\n      color: #ffffff !important;\n      background-color: var(--k-primary) !important;\n      box-shadow: 0 4px 15px rgba(18, 48, 25, 0.15) !important;\n    }\n    #k-tab-1:checked ~ .kratom-tab-nav label[for=\"k-tab-1\"] svg,\n    #k-tab-2:checked ~ .kratom-tab-nav label[for=\"k-tab-2\"] svg {\n      color: #ffffff !important;\n      stroke: #ffffff !important;\n    }\n    \/* Tab Content Rendering *\/\n    .kratom-tab-content-wrapper {\n      width: 100%;\n      text-align: left;\n    }\n    .kratom-tab-panel {\n      display: none;\n      background-color: #ffffff;\n      border: 1px solid var(--k-border);\n      border-radius: var(--k-radius);\n      padding: 45px;\n      box-shadow: var(--k-shadow);\n      position: relative;\n      overflow: hidden;\n      animation: kFadeSlide 0.45s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;\n    }\n    \/* Watermark logo decoration in panel *\/\n    .kratom-tab-panel::after {\n      content: \"\";\n      position: absolute;\n      bottom: -30px;\n      right: -30px;\n      width: 180px;\n      height: 180px;\n      background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%233eb060' stroke-width='0.5' stroke-opacity='0.08'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 3.5 1 9.8a7 7 0 0 1-9 8.2z'\/%3E%3Cpath d='M9 22v-4h4'\/%3E%3C\/svg%3E\");\n      background-repeat: no-repeat;\n      background-size: contain;\n      pointer-events: none;\n    }\n    @keyframes kFadeSlide {\n      from { opacity: 0; transform: translateY(12px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    #k-tab-1:checked ~ .kratom-tab-content-wrapper .panel-1,\n    #k-tab-2:checked ~ .kratom-tab-content-wrapper .panel-2 {\n      display: block;\n    }\n    .kratom-tab-panel h3 {\n      font-family: Trirong, Georgia, serif;\n      color: var(--k-primary);\n      font-size: 24px;\n      margin-top: 0;\n      margin-bottom: 22px;\n      font-weight: 300;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n    .kratom-tab-panel h3 svg {\n      color: var(--k-accent);\n      flex-shrink: 0;\n    }\n    .kratom-tab-panel p {\n      font-size: 19px;          \/* 14pt *\/\n      color: var(--k-text);\n      line-height: 1.75;\n      margin-bottom: 18px;\n      position: relative;\n      z-index: 2;\n    }\n    \n    .kratom-tab-panel p:last-child {\n      margin-bottom: 0;\n    }\n    \/* Mobile panel header styling *\/\n    .kratom-tab-panel-header-mobile {\n      display: none;\n    }\n    \/* BENEFITS SECTION (CARDS GRID WITH LIFT EFFECT) *\/\n    .kratom-benefits-section {\n      margin: 70px 0;\n    }\n    .kratom-desc-wrapper h3.kratom-benefits-title {\n      font-family: Trirong, Georgia, serif;\n      font-size: 28px;\n      color: var(--k-primary);\n      text-align: center;\n      margin-bottom: 12px;\n      font-weight: 300;\n    }\n    .kratom-benefits-intro {\n      text-align: center;\n      color: var(--k-text-light);\n      margin-bottom: 40px;\n      font-size: 19px;          \/* 14pt *\/\n    }\n    .kratom-benefits-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 24px;\n      max-width: 900px;\n      margin: 0 auto;\n    }\n    .kratom-benefit-card {\n      background-color: #ffffff;\n      border: 1px solid var(--k-border);\n      border-radius: var(--k-radius);\n      padding: 28px;\n      display: flex;\n      gap: 20px;\n      transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n      box-shadow: var(--k-shadow);\n      position: relative;\n    }\n    .kratom-benefit-card::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 4px;\n      height: 0;\n      background-color: var(--k-accent);\n      border-radius: var(--k-radius) 0 0 var(--k-radius);\n      transition: height 0.3s ease;\n    }\n    .kratom-benefit-card:hover {\n      border-color: var(--k-border-hover);\n      transform: translateY(-5px);\n      box-shadow: var(--k-shadow-hover);\n    }\n    .kratom-benefit-card:hover::before {\n      height: 100%;\n    }\n    .kratom-benefit-icon-container {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background-color: var(--k-accent-soft);\n      color: var(--k-primary);\n      width: 48px;\n      height: 48px;\n      border-radius: 50%;\n      flex-shrink: 0;\n      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    .kratom-benefit-card:hover .kratom-benefit-icon-container {\n      background-color: var(--k-accent);\n      color: #ffffff;\n      transform: scale(1.1) rotate(5deg);\n    }\n    .kratom-benefit-content {\n      flex: 1;\n    }\n    .kratom-benefit-content h4 {\n      font-family: Trirong, Georgia, serif;\n      font-size: 21px;          \/* Larger than 14pt (19px) body text *\/\n      color: var(--k-primary);\n      margin: 0 0 10px 0;\n      font-weight: 600;\n    }\n    .kratom-benefit-content p {\n      font-size: 19px;          \/* 14pt *\/\n      color: var(--k-text-light);\n      margin: 0;\n      line-height: 1.65;\n    }\n    \/* SPECIFICATION TABLE *\/\n    .kratom-table-container {\n      margin: 30px auto 0 auto;\n      max-width: 850px;\n      width: 100%;\n      border-radius: var(--k-radius);\n      overflow: hidden;\n      border: 1px solid var(--k-border);\n      box-shadow: var(--k-shadow);\n    }\n    .kratom-spec-table {\n      width: 100%;\n      border-collapse: collapse;\n      font-size: 18px;\n      line-height: 1.6;\n      background-color: #ffffff;\n    }\n    .kratom-spec-table td {\n      padding: 16px 20px;\n      border-bottom: 1px solid var(--k-border);\n      color: var(--k-text);\n    }\n    .kratom-spec-table tr:last-child td {\n      border-bottom: none;\n    }\n    .kratom-spec-table tr:nth-child(even) {\n      background-color: var(--k-accent-soft);\n    }\n    .kratom-spec-table td strong {\n      color: var(--k-primary);\n    }\n    \/* BANNER FRAME *\/\n    .kratom-banner-container {\n      margin: 55px auto;\n      max-width: 900px;\n      text-align: center;\n    }\n    .kratom-banner-img {\n      width: 100%;\n      height: auto;\n      border-radius: var(--k-radius);\n      border: 1px solid var(--k-border);\n      box-shadow: var(--k-shadow);\n      display: block;\n      transition: all 0.4s ease;\n    }\n    .kratom-banner-img:hover {\n      box-shadow: var(--k-shadow-hover);\n      transform: scale(1.005);\n    }\n    \/* WARNING CALLOUT *\/\n    .kratom-warning-card {\n      background-color: #fffaf8;\n      border: 1.5px solid rgba(224, 169, 150, 0.3);\n      border-left: 4px solid #c05621;\n      border-radius: var(--k-radius);\n      padding: 26px;\n      margin: 45px auto 20px auto;\n      max-width: 850px;\n      display: flex;\n      gap: 18px;\n      align-items: flex-start;\n      box-shadow: 0 4px 15px rgba(224, 169, 150, 0.04);\n    }\n    .kratom-warning-icon {\n      color: #c05621;\n      flex-shrink: 0;\n      margin-top: 2px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    .kratom-warning-text {\n      font-size: 14px;\n      color: #5f2d1a;\n      line-height: 1.7;\n    }\n    .kratom-warning-text strong {\n      color: #742a2a;\n    }\n    \/* RESPONSIVE DESIGN (TABLETS \u0026 MOBILE) *\/\n    @media (min-width: 769px) and (max-width: 991px) {\n      .kratom-tab-nav {\n        max-width: 100%;\n        gap: 4px;\n        padding: 4px;\n      }\n      .kratom-tab-label {\n        font-size: 13px;\n        padding: 10px 4px;\n        gap: 4px;\n      }\n      .kratom-tab-label svg {\n        display: none !important;\n      }\n    }\n    @media (max-width: 768px) {\n      .kratom-desc-wrapper {\n        padding: 20px 10px;\n      }\n      \n      .kratom-desc-wrapper h2.kratom-main-title {\n        font-size: 26px;\n      }\n      .kratom-intro-text {\n        font-size: 17px;\n      }\n      \/* Stack panels vertically on mobile *\/\n      .kratom-tab-nav {\n        display: none;\n      }\n      \n      .kratom-tab-panel {\n        display: block !important;\n        margin-bottom: 25px;\n        padding: 28px 24px;\n      }\n      \n      .kratom-tab-panel h3 {\n        display: none; \/* Hide desktop tab heading *\/\n      }\n      \n      .kratom-tab-panel-header-mobile {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        font-family: Trirong, Georgia, serif;\n        font-size: 18px;\n        color: var(--k-primary);\n        margin-bottom: 14px;\n        border-bottom: 1px solid var(--k-border);\n        padding-bottom: 10px;\n        font-weight: 400;\n      }\n      \n      .kratom-tab-panel-header-mobile svg {\n        color: var(--k-accent);\n        flex-shrink: 0;\n      }\n      .kratom-benefits-grid {\n        grid-template-columns: 1fr;\n        gap: 18px;\n      }\n      .kratom-warning-card {\n        flex-direction: column;\n        gap: 12px;\n        padding: 22px 18px;\n      }\n    }\n\u003c\/style\u003e","brand":"Kratomit.shop","offers":[{"title":"Default Title","offer_id":53974833135959,"sku":null,"price":8.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1025\/1675\/2727\/files\/189.webp?v=1783590720","url":"https:\/\/kratomit.shop\/pl\/products\/kubek-samomieszajacy-kratomit","provider":"Kratomit.shop","version":"1.0","type":"link"}