{"id":1148,"date":"2026-09-18T11:47:21","date_gmt":"2026-09-18T11:47:21","guid":{"rendered":"https:\/\/czechpeptide.com\/?page_id=1148"},"modified":"2026-09-18T12:10:00","modified_gmt":"2026-09-18T12:10:00","slug":"bacteriostatic-water","status":"publish","type":"page","link":"https:\/\/czechpeptide.com\/cz\/bacteriostatic-water\/","title":{"rendered":"bacteriostatic water"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Bacteriostatic Water 3ml &#8211; Product Page<\/title>\n    \n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['Inter', 'sans-serif'],\n                    },\n                    colors: {\n                        brand: {\n                            DEFAULT: '#b142f5',\n                            hover: '#9a2ad9',\n                            light: '#f7ebff',\n                            border: '#d794f9'\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        body { background-color: #fcfcfd; color: #1f2937; }\n        .product-image-bg { background: radial-gradient(circle at center, #f7ebff 0%, #f3f4f6 70%); }\n        input[type=\"number\"]::-webkit-inner-spin-button,\n        input[type=\"number\"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }\n        input[type=\"number\"] { -moz-appearance: textfield; }\n        .tab-content { display: none; animation: fadeIn 0.2s ease-in-out; }\n        .tab-content.active { display: block; }\n        @keyframes fadeIn { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } }\n        @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n        .logo-slider { display: flex; width: max-content; animation: scroll 35s linear infinite; }\n        .logo-slider:hover { animation-play-state: paused; }\n    <\/style>\n<\/head>\n<body class=\"antialiased min-h-screen pb-12\">\n\n    <main class=\"max-w-6xl mx-auto px-2 sm:px-6 py-4 sm:py-8\">\n        \n        <div class=\"flex flex-row gap-2 sm:gap-6 lg:gap-8 items-start\">\n            \n            <!-- LEFT COLUMN -->\n            <div class=\"w-[45%] lg:w-1\/2 flex flex-col gap-2 sm:gap-4\">\n                \n                <!-- Product Image -->\n                <div class=\"product-image-bg rounded-xl sm:rounded-2xl flex items-center justify-center h-[180px] sm:h-[400px] lg:h-[500px] border border-purple-200 shadow-sm relative overflow-hidden p-2\">\n                    <img decoding=\"async\" src=\"https:\/\/czechpeptide.com\/wp-content\/uploads\/2026\/08\/bacteriostatic-scaled.png\" alt=\"Bacteriostatic Water 3ml\" class=\"max-w-[95%] max-h-[95%] object-contain mix-blend-multiply drop-shadow-xl hover:scale-105 transition-transform duration-500 cursor-zoom-in\" onclick=\"openImageModal(this.src)\">\n                <\/div>\n                \n                <!-- Info Cards (PC Only) -->\n                <div class=\"hidden sm:grid grid-cols-1 sm:grid-cols-2 gap-2 sm:gap-3\">\n                    <div class=\"bg-white border border-purple-200 rounded-lg sm:rounded-xl p-2 sm:p-3 flex items-start gap-1.5 sm:gap-3 shadow-sm\">\n                        <div class=\"bg-brand-light text-brand p-1 sm:p-1.5 rounded-md hidden sm:block\">\n                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"><\/path><\/svg>\n                        <\/div>\n                        <div>\n                            <p class=\"font-bold text-[9px] sm:text-xs text-gray-900 leading-tight\">Formulation<\/p>\n                            <p class=\"text-[8px] sm:text-[11px] text-gray-500 mt-0.5\">Aqueous Liquid<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bg-white border border-purple-200 rounded-lg sm:rounded-xl p-2 sm:p-3 flex items-start gap-1.5 sm:gap-3 shadow-sm\">\n                        <div class=\"bg-brand-light text-brand p-1 sm:p-1.5 rounded-md hidden sm:block\">\n                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"><\/path><\/svg>\n                        <\/div>\n                        <div>\n                            <p class=\"font-bold text-[9px] sm:text-xs text-gray-900 leading-tight\">Preservative<\/p>\n                            <p class=\"text-[8px] sm:text-[11px] text-brand font-medium mt-0.5 block\">0.9% Benzyl Alcohol<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Accordion -->\n                <div class=\"bg-white border border-purple-200 rounded-lg sm:rounded-xl shadow-sm overflow-hidden mt-1 sm:mt-0\">\n                    \n                    <!-- General Information Accordion -->\n                    <div class=\"border-b border-purple-100\">\n                        <button onclick=\"toggleAccordion('acc-1')\" class=\"w-full px-2 sm:px-4 py-2 sm:py-3 text-left flex justify-between items-center focus:outline-none hover:bg-brand-light\/50 transition-colors\">\n                            <span class=\"font-bold text-[10px] sm:text-sm text-gray-900 pr-1\">Product Information<\/span>\n                            <svg id=\"icon-acc-1\" class=\"w-3 h-3 sm:w-4 sm:h-4 text-brand transition-transform duration-200 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path><\/svg>\n                        <\/button>\n                        <div id=\"content-acc-1\" class=\"hidden px-2 sm:px-4 pb-2 sm:pb-4 text-[9px] sm:text-xs text-gray-600 leading-relaxed\">\n                            <p>Bacteriostatic Water is a sterile, nonpyrogenic preparation of water containing 0.9% (9 mg\/mL) benzyl alcohol added as a bacteriostatic preservative. It is intended for use strictly as a diluent or solvent in laboratory settings.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Usage Accordion -->\n                    <div class=\"border-b border-purple-100\">\n                        <button onclick=\"toggleAccordion('acc-2')\" class=\"w-full px-2 sm:px-4 py-2 sm:py-3 text-left flex justify-between items-center focus:outline-none hover:bg-brand-light\/50 transition-colors\">\n                            <span class=\"font-bold text-[10px] sm:text-sm text-gray-900 pr-1\">Intended Usage<\/span>\n                            <svg id=\"icon-acc-2\" class=\"w-3 h-3 sm:w-4 sm:h-4 text-brand transition-transform duration-200 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path><\/svg>\n                        <\/button>\n                        <div id=\"content-acc-2\" class=\"hidden px-2 sm:px-4 pb-3 sm:pb-4 text-[9px] sm:text-xs text-gray-600 leading-relaxed space-y-3\">\n                            <p>This solvent is designed for the reconstitution of lyophilized peptides for research and development applications. Because it contains a preservative, the reconstituted solutions may have an extended shelf life compared to those reconstituted with plain sterile water.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Storage Accordion -->\n                    <div>\n                        <button onclick=\"toggleAccordion('acc-3')\" class=\"w-full px-2 sm:px-4 py-2 sm:py-3 text-left flex justify-between items-center focus:outline-none hover:bg-brand-light\/50 transition-colors\">\n                            <span class=\"font-bold text-[10px] sm:text-sm text-gray-900 pr-1\">Storage Instructions<\/span>\n                            <svg id=\"icon-acc-3\" class=\"w-3 h-3 sm:w-4 sm:h-4 text-brand transition-transform duration-200 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path><\/svg>\n                        <\/button>\n                        <div id=\"content-acc-3\" class=\"hidden px-2 sm:px-4 pb-2 sm:pb-4 text-[9px] sm:text-xs text-gray-600 leading-relaxed\">\n                            <ul class=\"list-disc pl-3 sm:pl-4 space-y-1\">\n                                <li>Store at controlled room temperature.<\/li>\n                                <li>Protect from direct sunlight.<\/li>\n                                <li>Do not freeze.<\/li>\n                                <li>Ensure vials are sealed tightly after initial puncture.<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- RIGHT COLUMN -->\n            <div class=\"w-[55%] lg:w-1\/2 flex flex-col gap-2 sm:gap-5\">\n                \n                <div>\n                    <span class=\"text-[9px] sm:text-[11px] font-bold tracking-wider text-brand uppercase\">Laboratory Solvent<\/span>\n                    <h1 class=\"text-lg sm:text-3xl lg:text-4xl font-extrabold text-gray-900 sm:mt-1 tracking-tight leading-none sm:leading-tight\">Bacteriostatic Water 3ml<\/h1>\n                    \n                    <div class=\"flex items-center gap-1 sm:gap-1.5 mt-1 sm:mt-2.5\">\n                        <span id=\"stock-dot\" class=\"w-1.5 h-1.5 sm:w-2 sm:h-2 rounded-full bg-green-500\"><\/span>\n                        <span class=\"text-[10px] sm:text-xs font-bold text-green-600\" id=\"stock-status\">In stock<\/span>\n                    <\/div>\n                <\/div>\n\n                <p class=\"text-gray-600 leading-snug sm:leading-relaxed text-[9px] sm:text-sm hidden sm:block\">\n                    Bacteriostatic Water is purified water preserved with benzyl alcohol. It is used as a diluent for lyophilised peptide work in the laboratory.\n                    <a href=\"#overview-tab\" onclick=\"document.getElementById('tab-overview').click()\" class=\"text-brand font-semibold hover:underline\">More &rarr;<\/a>\n                <\/p>\n\n                <hr class=\"border-purple-100 sm:border-purple-200 my-1 sm:my-0\">\n\n                <!-- Volume & Quantity -->\n                <div class=\"flex flex-col gap-3 sm:gap-4 w-full\">\n                    <div class=\"flex flex-col sm:flex-row sm:items-center gap-1.5 sm:gap-3 w-full\">\n                        <span class=\"text-[10px] sm:text-[11px] font-bold text-gray-500 sm:w-16\">VOLUME<\/span>\n                        <div class=\"flex gap-1.5 sm:gap-2 flex-wrap\">\n                            <button id=\"vol-3ml\" class=\"bg-brand text-white px-3 sm:px-3 py-1.5 sm:py-1.5 rounded-full text-[10px] sm:text-xs font-bold shadow-sm transition-transform active:scale-95 cursor-default\">3ml<\/button>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"flex flex-col sm:flex-row sm:items-center gap-1.5 sm:gap-3 w-full\">\n                        <span class=\"text-[10px] sm:text-[11px] font-bold text-gray-500 sm:w-16\">QUANTITY<\/span>\n                        <div class=\"flex items-center border border-purple-200 rounded-full bg-white shadow-sm overflow-hidden h-8 sm:h-8 w-max max-w-full\">\n                            <button onclick=\"handleQtyChange(-1)\" class=\"px-3 sm:px-3 text-brand hover:bg-brand-light\/50 h-full transition-colors text-sm sm:text-base font-bold\">&minus;<\/button>\n                            <input type=\"number\" id=\"qty-input\" value=\"1\" min=\"1\" onchange=\"handleQtyInput()\" class=\"w-8 sm:w-10 text-center font-bold text-[11px] sm:text-sm text-gray-900 bg-transparent border-none focus:outline-none focus:ring-0 p-0\">\n                            <button onclick=\"handleQtyChange(1)\" class=\"px-3 sm:px-3 text-brand hover:bg-brand-light\/50 h-full transition-colors text-sm sm:text-base font-bold\">&plus;<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Bundle & Save -->\n                <div class=\"flex flex-col gap-1 sm:gap-2 sm:mt-1\">\n                    <span class=\"text-[9px] sm:text-[11px] font-bold text-gray-900 uppercase\">Bundle &#038; Save<\/span>\n                    <div class=\"grid grid-cols-3 gap-1 sm:gap-2\">\n                        \n                        <div id=\"bundle-1\" onclick=\"selectBundle(1)\" class=\"bundle-card border-2 border-brand rounded-md sm:rounded-xl p-1 sm:p-2.5 cursor-pointer relative transition-all hover:shadow-md bg-brand-light\">\n                            <div class=\"flex flex-col items-center text-center gap-1 sm:gap-1.5\">\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/30x60\/transparent\/b142f5?text=1\" alt=\"1 Vial\" class=\"h-5 sm:h-8 object-contain\">\n                                <div>\n                                    <p class=\"font-extrabold text-[8px] sm:text-xs text-brand leading-tight\">1 VIAL<\/p>\n                                    <p class=\"text-[7px] sm:text-[9px] text-gray-500 font-medium leading-none mt-0.5\">Normal<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div id=\"bundle-2\" onclick=\"selectBundle(2)\" class=\"bundle-card border border-purple-200 rounded-md sm:rounded-xl p-1 sm:p-2.5 cursor-pointer relative transition-all hover:border-brand hover:shadow-md bg-white\">\n                            <div class=\"absolute -top-2 sm:-top-2.5 left-1\/2 -translate-x-1\/2 bg-green-500 text-white text-[6px] sm:text-[9px] font-bold px-1 sm:px-2 py-0.5 rounded-full uppercase whitespace-nowrap shadow-sm\">\n                                Save 10%\n                            <\/div>\n                            <div class=\"flex flex-col items-center text-center gap-1 sm:gap-1.5 mt-1 sm:mt-0\">\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/40x60\/transparent\/b142f5?text=2\" alt=\"2 Vials\" class=\"h-5 sm:h-8 object-contain\">\n                                <div>\n                                    <p class=\"font-extrabold text-[8px] sm:text-xs text-gray-900 leading-tight\">2 VIALS<\/p>\n                                    <p class=\"text-[7px] sm:text-[9px] text-green-600 font-bold leading-none mt-0.5\">10% off<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div id=\"bundle-3\" onclick=\"selectBundle(3)\" class=\"bundle-card border border-purple-200 rounded-md sm:rounded-xl p-1 sm:p-2.5 cursor-pointer relative transition-all hover:border-brand hover:shadow-md bg-white\">\n                            <div class=\"absolute -top-2 sm:-top-2.5 left-1\/2 -translate-x-1\/2 bg-brand text-white text-[6px] sm:text-[9px] font-bold px-1 sm:px-2 py-0.5 rounded-full uppercase whitespace-nowrap shadow-sm\">\n                                Best Value\n                            <\/div>\n                            <div class=\"flex flex-col items-center text-center gap-1 sm:gap-1.5 mt-1 sm:mt-0\">\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/50x60\/transparent\/b142f5?text=3%2B\" alt=\"3+ Vials\" class=\"h-5 sm:h-8 object-contain\">\n                                <div>\n                                    <p class=\"font-extrabold text-[8px] sm:text-xs text-gray-900 leading-tight\">3+ VIALS<\/p>\n                                    <p class=\"text-[7px] sm:text-[9px] text-brand font-bold leading-none mt-0.5\">15% off<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n                <!-- Add to Cart -->\n                <div class=\"flex gap-2 sm:gap-3 mt-1 sm:mt-1\">\n                    <button id=\"add-to-cart-btn\" onclick=\"addToCart()\" class=\"flex-1 bg-brand hover:bg-brand-hover text-white font-bold py-2.5 sm:py-2.5 rounded-full shadow-lg transition-transform active:scale-[0.98] flex items-center justify-center gap-1 sm:gap-1.5 text-[11px] sm:text-base disabled:opacity-50 disabled:cursor-not-allowed\">\n                        <span id=\"btn-text\">Add to cart &#8211; <span id=\"btn-total-price\">99<\/span> K\u010d<\/span>\n                    <\/button>\n                <\/div>\n\n                <!-- Badges -->\n                <div class=\"flex flex-col sm:grid sm:grid-cols-3 gap-1 sm:gap-3 border border-purple-200 rounded-lg sm:rounded-xl p-2 sm:p-3 bg-white shadow-sm text-[8px] sm:text-[10px] lg:text-xs font-semibold text-gray-700\">\n                    <div class=\"flex items-center gap-1 sm:gap-1.5 justify-start\">\n                        <img decoding=\"async\" src=\"https:\/\/czechpeptide.com\/wp-content\/uploads\/2026\/09\/Zasilkovna_Claim.png\" alt=\"Z\u00e1silkovna\" class=\"h-3 sm:h-4 object-contain flex-shrink-0\" onerror=\"this.src='https:\/\/placehold.co\/50x20\/white\/gray?text=Z-Box'\">\n                        <span>Z-Box \/ Adress<\/span>\n                    <\/div>\n                    <div class=\"flex items-center gap-1 sm:gap-1.5\">\n                        <svg class=\"w-3 h-3 sm:w-4 sm:h-4 text-gray-500 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z\"><\/path><\/svg>\n                        <span>Discreet packaging<\/span>\n                    <\/div>\n                    <div class=\"flex items-center gap-1 sm:gap-1.5\">\n                        <svg class=\"w-3 h-3 sm:w-4 sm:h-4 text-brand flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4\"><\/path><\/svg>\n                        <span>Free shipping > 3000CZK<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Payment Methods -->\n                <div class=\"flex items-center justify-between px-1 transition-all duration-300\">\n                    <span class=\"text-[7px] sm:text-[9px] uppercase font-bold text-gray-400\">We accept<\/span>\n                    <div class=\"flex gap-2 sm:gap-3 items-center\">\n                        <span class=\"font-bold text-green-600 text-[9px] sm:text-xs flex items-center gap-0.5 sm:gap-1\">\n                            <svg class=\"w-2.5 h-2.5 sm:w-3.5 sm:h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z\"><\/path><\/svg>\n                            Hotovost\n                        <\/span>\n                        <span class=\"font-bold italic text-blue-900 text-[10px] sm:text-sm\">VISA<\/span>\n                        <span class=\"font-bold text-red-500 text-[10px] sm:text-sm relative flex items-center\">\n                            <span class=\"absolute -left-2 rounded-full w-2.5 h-2.5 sm:w-3.5 sm:h-3.5 bg-red-500 opacity-80 mix-blend-multiply\"><\/span>\n                            <span class=\"absolute -left-0.5 rounded-full w-2.5 h-2.5 sm:w-3.5 sm:h-3.5 bg-yellow-500 opacity-80 mix-blend-multiply\"><\/span>\n                            <span class=\"ml-2.5 sm:ml-3 text-[9px] sm:text-xs font-bold text-transparent\">MC<\/span>\n                        <\/span>\n                        <span class=\"font-bold text-black text-[9px] sm:text-xs flex items-center gap-0.5 sm:gap-1\"><svg class=\"w-2.5 h-2.5 sm:w-3.5 sm:h-3.5\" viewBox=\"0 0 384 512\" fill=\"currentColor\"><path d=\"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.3 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.3zM344 38.6c-27.1 27.6-67.4 29.8-67.4 29.8-1.5-27.4 12.5-61.5 31.8-82 25.4-26.5 64-28.7 64-28.7-2.1 27-14 62-28.4 80.9z\"\/><\/svg> Pay<\/span>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <!-- EXPANDABLE TABS SECTION -->\n        <div class=\"mt-8 sm:mt-12 border border-purple-200 rounded-2xl bg-white shadow-sm overflow-hidden\" id=\"overview-tab\">\n            <div class=\"flex border-b border-purple-100 overflow-x-auto hide-scrollbar\">\n                <button id=\"tab-overview\" onclick=\"switchTab('overview')\" class=\"tab-btn flex-1 min-w-[100px] py-3 px-4 text-xs sm:text-sm font-bold text-center border-b-2 border-brand text-brand transition-colors\">Overview<\/button>\n                <button id=\"tab-specs\" onclick=\"switchTab('specs')\" class=\"tab-btn flex-1 min-w-[100px] py-3 px-4 text-xs sm:text-sm font-bold text-center border-b-2 border-transparent text-gray-500 hover:text-brand transition-colors\">Specifications<\/button>\n                <button id=\"tab-handling\" onclick=\"switchTab('handling')\" class=\"tab-btn flex-1 min-w-[100px] py-3 px-4 text-xs sm:text-sm font-bold text-center border-b-2 border-transparent text-gray-500 hover:text-brand transition-colors\">Handling<\/button>\n                <button id=\"tab-references\" onclick=\"switchTab('references')\" class=\"tab-btn flex-1 min-w-[100px] py-3 px-4 text-xs sm:text-sm font-bold text-center border-b-2 border-transparent text-gray-500 hover:text-brand transition-colors\">References<\/button>\n            <\/div>\n\n            <div class=\"p-4 sm:p-8\">\n                \n                <!-- Tab Content: Overview -->\n                <div id=\"content-overview\" class=\"tab-content active text-gray-700 leading-relaxed text-[11px] sm:text-sm space-y-3\">\n                    <h4 class=\"font-bold text-gray-900 text-sm\">Research overview: Bacteriostatic Water<\/h4>\n                    <p>This preparation is not a peptide. Its concentration, lot, and handling details are shown on the label and in its signed analytical records.<\/p>\n                    <p>This product has preparation and storage guidance. It does not have a peptide sequence or a peptide research bibliography.<\/p>\n                    <h4 class=\"font-bold text-gray-900 text-sm mt-4\">Preparation and storage context<\/h4>\n                    <p>Use this preparation as a diluent only in a suitable laboratory workflow. Protect it from excessive heat and freezing, and keep clear preparation and traceability records.<\/p>\n                <\/div>\n                \n                <!-- Tab Content: Specifications -->\n                <div id=\"content-specs\" class=\"tab-content text-gray-700 leading-relaxed\">\n                    <h3 class=\"text-base sm:text-lg font-extrabold text-brand mb-4 border-b border-purple-100 pb-2\">Specifications<\/h3>\n                    <div class=\"space-y-4\">\n                        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n                            <div>\n                                <h4 class=\"font-bold text-gray-900 uppercase text-[10px] sm:text-xs tracking-wider mb-1\">Molecular mass<\/h4>\n                                <ul class=\"list-disc list-inside text-[11px] sm:text-xs pl-1 text-gray-600\">\n                                    <li>Water: 18.015 g\/mol<\/li>\n                                    <li>Benzyl alcohol: 108.14 g\/mol<\/li>\n                                <\/ul>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-bold text-gray-900 uppercase text-[10px] sm:text-xs tracking-wider mb-1\">CAS number<\/h4>\n                                <ul class=\"list-disc list-inside text-[11px] sm:text-xs pl-1 text-gray-600\">\n                                    <li>Water: 7732-18-5<\/li>\n                                    <li>Benzyl alcohol: 100-51-6<\/li>\n                                <\/ul>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-bold text-gray-900 uppercase text-[10px] sm:text-xs tracking-wider mb-1\">Molecular formula<\/h4>\n                                <ul class=\"list-disc list-inside text-[11px] sm:text-xs pl-1 break-all text-gray-600\">\n                                    <li>Water: H2O<\/li>\n                                    <li>Benzyl alcohol: C7H8O<\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                        <div class=\"pt-3 border-t border-purple-100\">\n                            <h4 class=\"font-extrabold text-gray-900 text-sm mb-3\">Material record<\/h4>\n                            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n                                <div class=\"bg-brand-light border border-purple-100 p-3 rounded-lg\">\n                                    <h5 class=\"font-bold text-brand text-xs mb-0.5\">Physical appearance<\/h5>\n                                    <p class=\"text-[11px] sm:text-xs\">Clear, colourless aqueous solution.<\/p>\n                                <\/div>\n                                <div class=\"bg-brand-light border border-purple-100 p-3 rounded-lg\">\n                                    <h5 class=\"font-bold text-brand text-xs mb-0.5\">Solubility<\/h5>\n                                    <p class=\"text-[11px] sm:text-xs\">Aqueous solution; miscible with water.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"bg-brand-light\/50 border-l-4 border-brand p-3 mt-3\">\n                            <p class=\"text-[11px] sm:text-xs font-medium text-gray-700\"><strong>Product note:<\/strong> Aqueous laboratory solvent formulation containing 0.9% benzyl alcohol preservative with a pH range of 4.5\u20137.0; supplied strictly for research and laboratory use.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tab Content: Handling -->\n                <div id=\"content-handling\" class=\"tab-content\">\n                    <div class=\"space-y-6 text-xs sm:text-sm text-gray-700\">\n                        <div>\n                            <h3 class=\"font-extrabold text-brand mb-2 text-sm sm:text-base\">Intended Use<\/h3>\n                            <p class=\"leading-relaxed\">Product is designed as diluent for reconstitution of lyophilised peptides. The product is intended for scientific research and development purposes only. Chemical substances shall not be used as a drug, medicine, active substance, medical aid, cosmetic product, a substance for production of a cosmetic product neither for human consumption that is any food or food supplement or otherwise similarly used on humans or animals. Use for research and scientific purposes only. Do not use for diagnostic or therapeutic purposes or as medical device.<\/p>\n                        <\/div>\n                        <div>\n                            <h3 class=\"font-extrabold text-brand mb-2 text-sm sm:text-base mt-4\">Storage<\/h3>\n                            <p class=\"leading-relaxed mb-2\">Should be stored at room temperature and protected from direct light, excessive heat and freezing.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tab Content: References -->\n                <div id=\"content-references\" class=\"tab-content text-gray-700 text-xs sm:text-sm\"><p class=\"text-center py-6 italic text-gray-400\">Scientific references and citations are not applicable for standard laboratory diluents.<\/p><\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- LOGO SLIDESHOW SECTION -->\n        <div class=\"mt-8 sm:mt-12 py-6 sm:py-8 bg-white border border-purple-200 rounded-2xl shadow-sm overflow-hidden relative\">\n            <p class=\"text-center text-gray-900 font-bold mb-4 sm:mb-6 text-xs sm:text-base\">Each new formulation begins with data from reliable scientific sources:<\/p>\n            \n            <div class=\"w-full overflow-hidden\">\n                <div class=\"logo-slider gap-4 sm:gap-10 items-center px-4\">\n                    <!-- SET 1 -->\n                    <div class=\"bg-white border border-purple-100 p-2 sm:p-3 rounded-lg shadow-sm min-w-[100px] sm:min-w-[140px] h-12 sm:h-16 flex items-center justify-center\">\n                        <img decoding=\"async\" src=\"https:\/\/czechpeptide.com\/wp-content\/uploads\/2026\/09\/pubchem.png\" alt=\"PubChem\" class=\"max-h-full max-w-full object-contain\" onerror=\"this.style.display='none'\">\n                    <\/div>\n                    <div class=\"bg-white border border-purple-100 p-2 sm:p-3 rounded-lg shadow-sm min-w-[100px] sm:min-w-[140px] h-12 sm:h-16 flex items-center justify-center\">\n                        <img decoding=\"async\" src=\"https:\/\/czechpeptide.com\/wp-content\/uploads\/2026\/09\/chemickelisty.png\" alt=\"Chemicke Listy\" class=\"max-h-full max-w-full object-contain\" onerror=\"this.style.display='none'\">\n                    <\/div>\n                    <div class=\"bg-white border border-purple-100 p-2 sm:p-3 rounded-lg shadow-sm min-w-[100px] sm:min-w-[140px] h-12 sm:h-16 flex items-center justify-center\">\n                        <img decoding=\"async\" src=\"https:\/\/czechpeptide.com\/wp-content\/uploads\/2026\/04\/janoshik-1.png\" alt=\"Janoshik\" class=\"max-h-full max-w-full object-contain\" onerror=\"this.style.display='none'\">\n                    <\/div>\n                    <div class=\"bg-white border border-purple-100 p-2 sm:p-3 rounded-lg shadow-sm min-w-[100px] sm:min-w-[140px] h-12 sm:h-16 flex items-center justify-center\">\n                        <img decoding=\"async\" src=\"https:\/\/czechpeptide.com\/wp-content\/uploads\/2026\/04\/liquilabs-scaled.png\" alt=\"LiquiLabs\" class=\"max-h-full max-w-full object-contain\" onerror=\"this.style.display='none'\">\n                    <\/div>\n                    <!-- SET 2 -->\n                    <div class=\"bg-white border border-purple-100 p-2 sm:p-3 rounded-lg shadow-sm min-w-[100px] sm:min-w-[140px] h-12 sm:h-16 flex items-center justify-center\">\n                        <img decoding=\"async\" src=\"https:\/\/czechpeptide.com\/wp-content\/uploads\/2026\/09\/pubchem.png\" alt=\"PubChem\" class=\"max-h-full max-w-full object-contain\" onerror=\"this.style.display='none'\">\n                    <\/div>\n                    <div class=\"bg-white border border-purple-100 p-2 sm:p-3 rounded-lg shadow-sm min-w-[100px] sm:min-w-[140px] h-12 sm:h-16 flex items-center justify-center\">\n                        <img decoding=\"async\" src=\"https:\/\/czechpeptide.com\/wp-content\/uploads\/2026\/09\/chemickelisty.png\" alt=\"Chemicke Listy\" class=\"max-h-full max-w-full object-contain\" onerror=\"this.style.display='none'\">\n                    <\/div>\n                    <div class=\"bg-white border border-purple-100 p-2 sm:p-3 rounded-lg shadow-sm min-w-[100px] sm:min-w-[140px] h-12 sm:h-16 flex items-center justify-center\">\n                        <img decoding=\"async\" src=\"https:\/\/czechpeptide.com\/wp-content\/uploads\/2026\/04\/janoshik-1.png\" alt=\"Janoshik\" class=\"max-h-full max-w-full object-contain\" onerror=\"this.style.display='none'\">\n                    <\/div>\n                    <div class=\"bg-white border border-purple-100 p-2 sm:p-3 rounded-lg shadow-sm min-w-[100px] sm:min-w-[140px] h-12 sm:h-16 flex items-center justify-center\">\n                        <img decoding=\"async\" src=\"https:\/\/czechpeptide.com\/wp-content\/uploads\/2026\/04\/liquilabs-scaled.png\" alt=\"LiquiLabs\" class=\"max-h-full max-w-full object-contain\" onerror=\"this.style.display='none'\">\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"absolute top-0 bottom-0 left-0 w-8 sm:w-24 bg-gradient-to-r from-white to-transparent z-10 pointer-events-none\"><\/div>\n            <div class=\"absolute top-0 bottom-0 right-0 w-8 sm:w-24 bg-gradient-to-l from-white to-transparent z-10 pointer-events-none\"><\/div>\n        <\/div>\n    <\/main>\n\n    <!-- Fullscreen Image Zoom Modal -->\n    <div id=\"image-zoom-modal\" class=\"fixed inset-0 z-[100] hidden bg-black\/90 backdrop-blur-sm flex items-center justify-center p-4 transition-opacity\" onclick=\"closeImageModal()\">\n        <button onclick=\"closeImageModal()\" class=\"absolute top-4 right-4 text-white hover:text-brand bg-black\/50 rounded-full p-2 z-50\">\n            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\n        <\/button>\n        <img decoding=\"async\" id=\"zoomed-image\" src=\"\" class=\"max-w-full max-h-full object-contain transform scale-95 transition-transform duration-300\" alt=\"Zoomed Product\">\n    <\/div>\n\n    <!-- Cart Modal -->\n    <div id=\"cart-modal\" class=\"fixed inset-0 z-50 hidden bg-gray-900 bg-opacity-50 backdrop-blur-sm flex items-center justify-center p-4 transition-opacity\">\n        <div class=\"bg-white rounded-2xl border-2 border-brand p-6 max-w-sm w-full shadow-2xl transform scale-95 transition-transform\" id=\"cart-modal-content\">\n            <div class=\"flex items-center justify-center w-12 h-12 bg-green-100 rounded-full mb-4 mx-auto\">\n                <svg class=\"w-6 h-6 text-green-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n            <\/div>\n            <h2 class=\"text-xl font-extrabold text-center text-gray-900 mb-1\">Added to Cart!<\/h2>\n            <p class=\"text-center text-sm text-gray-500 mb-6\">\n                <span id=\"modal-qty-text\" class=\"font-bold text-brand\">1x<\/span> Bacteriostatic Water 3ml added.\n            <\/p>\n            <div class=\"flex flex-col gap-2.5\">\n                <button onclick=\"goToCart()\" class=\"w-full bg-brand hover:bg-brand-hover text-white font-bold py-3 rounded-full shadow-md transition-transform active:scale-95 text-sm\">Go to Cart<\/button>\n                <button onclick=\"closeModal()\" class=\"w-full bg-white border-2 border-brand text-brand hover:bg-brand-light font-bold py-2.5 rounded-full transition-colors text-sm\">Continue Shopping<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Script -->\n    <script>\n        let currentQuantity = 1;\n        let basePrice = 99; \/\/ Default fallback price for Bacteriostatic Water\n        let mainProductId = 542; \/\/ Product ID for Bacteriostatic Water 3ml\n\n        \/\/ Cached Store API session info, used by the add-to-cart flow.\n        let cartNonce = null;\n\n        const qtyInput = document.getElementById('qty-input');\n        const priceDisplay = document.getElementById('btn-total-price');\n        \n        const bundleCards = [\n            document.getElementById('bundle-1'),\n            document.getElementById('bundle-2'),\n            document.getElementById('bundle-3')\n        ];\n\n        \/\/ IMAGE ZOOM LOGIC\n        const imageZoomModal = document.getElementById('image-zoom-modal');\n        const zoomedImage = document.getElementById('zoomed-image');\n\n        function openImageModal(src) {\n            zoomedImage.src = src;\n            imageZoomModal.classList.remove('hidden');\n            setTimeout(() => {\n                zoomedImage.classList.remove('scale-95');\n                zoomedImage.classList.add('scale-100');\n            }, 10);\n            document.body.style.overflow = 'hidden'; \n        }\n\n        function closeImageModal() {\n            zoomedImage.classList.remove('scale-100');\n            zoomedImage.classList.add('scale-95');\n            setTimeout(() => {\n                imageZoomModal.classList.add('hidden');\n                document.body.style.overflow = ''; \n            }, 150); \n        }\n\n        \/\/ PRICE LOOKUP\n        async function fetchProductData() {\n            try {\n                const response = await fetch('\/wp-json\/wc\/store\/v1\/products\/' + mainProductId, {\n                    headers: { 'Accept': 'application\/json' }\n                });\n\n                if (!response.ok) {\n                    throw new Error('Store API returned HTTP ' + response.status + ' for product ' + mainProductId);\n                }\n\n                const data = await response.json();\n\n                if (data && data.prices && data.prices.price) {\n                    const minorUnit = data.prices.currency_minor_unit ?? 2;\n                    const fetchedPrice = parseInt(data.prices.price, 10) \/ Math.pow(10, minorUnit);\n                    if (Number.isFinite(fetchedPrice) && fetchedPrice > 0) {\n                        basePrice = fetchedPrice;\n                    }\n                }\n\n                \/\/ Stock Logic\n                const stockDot = document.getElementById('stock-dot');\n                const stockStatus = document.getElementById('stock-status');\n                const addToCartBtn = document.getElementById('add-to-cart-btn');\n\n                if (data.is_in_stock === false) {\n                    stockStatus.innerText = \"Out of stock\";\n                    stockStatus.className = \"text-[10px] sm:text-xs font-bold text-red-600\";\n                    stockDot.className = \"w-1.5 h-1.5 sm:w-2 sm:h-2 rounded-full bg-red-500\";\n                    addToCartBtn.disabled = true;\n                } else {\n                    if (data.add_to_cart && data.add_to_cart.maximum > 0 && data.add_to_cart.maximum <= 10) {\n                        stockStatus.innerText = \"Low in stock\";\n                        stockStatus.className = \"text-[10px] sm:text-xs font-bold text-yellow-600\";\n                        stockDot.className = \"w-1.5 h-1.5 sm:w-2 sm:h-2 rounded-full bg-yellow-500\";\n                    } else {\n                        stockStatus.innerText = \"In stock\";\n                        stockStatus.className = \"text-[10px] sm:text-xs font-bold text-green-600\";\n                        stockDot.className = \"w-1.5 h-1.5 sm:w-2 sm:h-2 rounded-full bg-green-500\";\n                    }\n                    addToCartBtn.disabled = false;\n                }\n\n                calculateAndUpdateUI();\n            } catch (error) {\n                console.error('Could not fetch live product data for product ' + mainProductId + ', using fallback price. Reason:', error);\n                calculateAndUpdateUI();\n            }\n        }\n\n        function formatPrice(price) {\n            return price.toLocaleString('cs-CZ');\n        }\n\n        function calculateAndUpdateUI() {\n            let discount = 0;\n            if (currentQuantity === 2) discount = 0.10;\n            else if (currentQuantity >= 3) discount = 0.15;\n\n            let total = Math.round((basePrice * currentQuantity) * (1 - discount));\n            \n            priceDisplay.innerText = formatPrice(total);\n\n            if(bundleCards[0] && bundleCards[1] && bundleCards[2]) {\n                bundleCards.forEach(card => {\n                    card.classList.remove('border-2', 'border-brand', 'bg-brand-light');\n                    card.classList.add('border', 'border-purple-200', 'bg-white');\n                    const textLabel = card.querySelector('p.font-extrabold');\n                    if (textLabel) {\n                        textLabel.classList.remove('text-brand');\n                        textLabel.classList.add('text-gray-900');\n                    }\n                });\n                let activeIndex = 0;\n                if (currentQuantity === 2) activeIndex = 1;\n                if (currentQuantity >= 3) activeIndex = 2;\n                \n                bundleCards[activeIndex].classList.remove('border', 'border-purple-200', 'bg-white');\n                bundleCards[activeIndex].classList.add('border-2', 'border-brand', 'bg-brand-light');\n                const activeText = bundleCards[activeIndex].querySelector('p.font-extrabold');\n                if (activeText) {\n                    activeText.classList.remove('text-gray-900');\n                    activeText.classList.add('text-brand');\n                }\n            }\n        }\n\n        function handleQtyChange(delta) {\n            let newQty = currentQuantity + delta;\n            if (newQty < 1) newQty = 1; \n            currentQuantity = newQty;\n            qtyInput.value = currentQuantity;\n            calculateAndUpdateUI();\n        }\n\n        function handleQtyInput() {\n            let val = parseInt(qtyInput.value);\n            if (isNaN(val) || val < 1) { val = 1; qtyInput.value = 1; }\n            currentQuantity = val;\n            calculateAndUpdateUI();\n        }\n\n        function selectBundle(vialsThreshold) {\n            if (vialsThreshold === 1) currentQuantity = 1;\n            else if (vialsThreshold === 2) currentQuantity = 2;\n            else if (vialsThreshold === 3) {\n                if (currentQuantity < 3) currentQuantity = 3;\n            }\n            qtyInput.value = currentQuantity;\n            calculateAndUpdateUI();\n        }\n\n        function switchTab(tabId) {\n            document.querySelectorAll('.tab-btn').forEach(btn => {\n                btn.classList.remove('border-brand', 'text-brand');\n                btn.classList.add('border-transparent', 'text-gray-500');\n            });\n            document.querySelectorAll('.tab-content').forEach(content => {\n                content.classList.remove('active');\n            });\n            const activeBtn = document.getElementById(`tab-${tabId}`);\n            const activeContent = document.getElementById(`content-${tabId}`);\n            if(activeBtn && activeContent) {\n                activeBtn.classList.remove('border-transparent', 'text-gray-500');\n                activeBtn.classList.add('border-brand', 'text-brand');\n                activeContent.classList.add('active');\n            }\n        }\n\n        function toggleAccordion(id) {\n            const content = document.getElementById('content-' + id);\n            const icon = document.getElementById('icon-' + id);\n            \n            if (content.classList.contains('hidden')) {\n                content.classList.remove('hidden');\n                icon.style.transform = 'rotate(180deg)';\n            } else {\n                content.classList.add('hidden');\n                icon.style.transform = 'rotate(0deg)';\n            }\n        }\n\n        const modal = document.getElementById('cart-modal');\n        const modalContent = document.getElementById('cart-modal-content');\n\n        async function ensureCartSession(forceRefresh) {\n            if (cartNonce && !forceRefresh) return;\n            const res = await fetch('\/wp-json\/wc\/store\/v1\/cart', {\n                method: 'GET',\n                credentials: 'same-origin',\n                headers: { 'Accept': 'application\/json' }\n            });\n            if (!res.ok) {\n                throw new Error('Could not start a cart session (HTTP ' + res.status + ')');\n            }\n            cartNonce = res.headers.get('Nonce') || res.headers.get('X-WC-Store-API-Nonce');\n        }\n\n        async function storeApiAddItem(id, quantity) {\n            await ensureCartSession(false);\n\n            const buildHeaders = () => {\n                const headers = {\n                    'Content-Type': 'application\/json',\n                    'Accept': 'application\/json'\n                };\n                if (cartNonce) {\n                    headers['Nonce'] = cartNonce;\n                    headers['X-WC-Store-API-Nonce'] = cartNonce;\n                }\n                return headers;\n            };\n\n            let res = await fetch('\/wp-json\/wc\/store\/v1\/cart\/add-item', {\n                method: 'POST',\n                credentials: 'same-origin',\n                headers: buildHeaders(),\n                body: JSON.stringify({ id, quantity })\n            });\n\n            if (res.status === 403) {\n                await ensureCartSession(true);\n                res = await fetch('\/wp-json\/wc\/store\/v1\/cart\/add-item', {\n                    method: 'POST',\n                    credentials: 'same-origin',\n                    headers: buildHeaders(),\n                    body: JSON.stringify({ id, quantity })\n                });\n            }\n\n            if (!res.ok) {\n                const errBody = await res.json().catch(() => null);\n                throw new Error((errBody && errBody.message) || ('Add to cart failed (HTTP ' + res.status + ')'));\n            }\n\n            return res.json();\n        }\n\n        function classicAddToCartFallback(id, quantity) {\n            window.location.href = '\/?add-to-cart=' + encodeURIComponent(id) + '&quantity=' + encodeURIComponent(quantity);\n        }\n\n        async function addToCart() {\n            const btn = document.getElementById('add-to-cart-btn');\n            const btnContent = document.getElementById('btn-text');\n            const originalContent = btnContent.innerHTML;\n            \n            btnContent.innerText = \"Adding...\";\n            btn.disabled = true;\n\n            try {\n                await storeApiAddItem(mainProductId, currentQuantity);\n\n                document.getElementById('modal-qty-text').innerText = currentQuantity + 'x';\n                modal.classList.remove('hidden');\n                setTimeout(() => {\n                    modalContent.classList.remove('scale-95');\n                    modalContent.classList.add('scale-100');\n                }, 10);\n\n                btnContent.innerHTML = originalContent;\n                btn.disabled = false;\n\n            } catch (error) {\n                console.error(\"Store API add-to-cart failed, falling back to classic add-to-cart link:\", error);\n                classicAddToCartFallback(mainProductId, currentQuantity);\n            }\n        }\n\n        function closeModal() {\n            modalContent.classList.remove('scale-100');\n            modalContent.classList.add('scale-95');\n            setTimeout(() => { modal.classList.add('hidden'); }, 150); \n        }\n\n        function goToCart() {\n            window.location.href = '\/cart\/';\n        }\n\n        fetchProductData(); \n        calculateAndUpdateUI();\n\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Bacteriostatic Water 3ml &#8211; Product Page Formulation Aqueous Liquid Preservative 0.9% Benzyl Alcohol Product Information Bacteriostatic Water is a sterile, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1148","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Wiki","author_link":"https:\/\/czechpeptide.com\/cz\/author\/lukaskuppens\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Bacteriostatic Water 3ml &#8211; Product Page Formulation Aqueous Liquid Preservative 0.9% Benzyl Alcohol Product Information Bacteriostatic Water is a sterile, [&hellip;]","_links":{"self":[{"href":"https:\/\/czechpeptide.com\/cz\/wp-json\/wp\/v2\/pages\/1148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/czechpeptide.com\/cz\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/czechpeptide.com\/cz\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/czechpeptide.com\/cz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/czechpeptide.com\/cz\/wp-json\/wp\/v2\/comments?post=1148"}],"version-history":[{"count":2,"href":"https:\/\/czechpeptide.com\/cz\/wp-json\/wp\/v2\/pages\/1148\/revisions"}],"predecessor-version":[{"id":1150,"href":"https:\/\/czechpeptide.com\/cz\/wp-json\/wp\/v2\/pages\/1148\/revisions\/1150"}],"wp:attachment":[{"href":"https:\/\/czechpeptide.com\/cz\/wp-json\/wp\/v2\/media?parent=1148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}