{"product_id":"citraberry-natural-dishwashing-liquid","title":"CITRABERRY - Natural Dishwashing Liquid","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eCITRABERRY - Natural Dishwashing Liquid\u003c\/title\u003e\n    \u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            line-height: 1.6;\n            color: #333;\n            background: #fafafa;\n        }\n        \n        .product-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n        \n        \/* Hero Section *\/\n        .hero-section {\n            background: linear-gradient(135deg, #ff6b9d 0%, #c06c84 100%);\n            border-radius: 20px;\n            padding: 40px;\n            text-align: center;\n            color: white;\n            margin-bottom: 40px;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .hero-section::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 50%);\n            animation: float 6s ease-in-out infinite;\n        }\n        \n        @keyframes float {\n            0%, 100% { transform: translateY(0px) rotate(0deg); }\n            50% { transform: translateY(-20px) rotate(5deg); }\n        }\n        \n        .hero-content {\n            position: relative;\n            z-index: 2;\n        }\n        \n        .hero-title {\n            font-size: 3em;\n            font-weight: bold;\n            margin-bottom: 15px;\n            text-shadow: 0 2px 4px rgba(0,0,0,0.2);\n        }\n        \n        .hero-subtitle {\n            font-size: 1.3em;\n            opacity: 0.95;\n            font-weight: 300;\n        }\n        \n        \/* Key Benefits Grid *\/\n        .benefits-section {\n            margin: 50px 0;\n        }\n        \n        .section-title {\n            text-align: center;\n            font-size: 2.2em;\n            color: #2c3e50;\n            margin-bottom: 15px;\n            font-weight: 600;\n        }\n        \n        .section-subtitle {\n            text-align: center;\n            font-size: 1.1em;\n            color: #7f8c8d;\n            margin-bottom: 40px;\n            max-width: 700px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        \n        .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n            margin-top: 30px;\n        }\n        \n        .benefit-card {\n            background: white;\n            padding: 30px;\n            border-radius: 15px;\n            box-shadow: 0 8px 25px rgba(0,0,0,0.08);\n            transition: all 0.3s ease;\n            border: 1px solid #f1f2f6;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .benefit-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 4px;\n            background: linear-gradient(135deg, #ff6b9d, #c06c84);\n        }\n        \n        .benefit-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 35px rgba(0,0,0,0.15);\n        }\n        \n        .benefit-icon {\n            font-size: 2.5em;\n            margin-bottom: 15px;\n            display: block;\n        }\n        \n        .benefit-title {\n            font-size: 1.2em;\n            color: #2c3e50;\n            margin-bottom: 10px;\n            font-weight: 600;\n        }\n        \n        .benefit-text {\n            color: #7f8c8d;\n            line-height: 1.6;\n        }\n        \n        \/* Special Section - Why CitraBerry *\/\n        .why-citraberry {\n            background: linear-gradient(135deg, #fff5e6, #ffe6f0);\n            border-radius: 20px;\n            padding: 40px;\n            margin: 50px 0;\n            border-left: 6px solid #ff6b9d;\n        }\n        \n        .why-citraberry-title {\n            color: #c06c84;\n            font-size: 2em;\n            margin-bottom: 20px;\n            font-weight: 600;\n            text-align: center;\n        }\n        \n        .why-citraberry-content {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 25px;\n            margin-top: 30px;\n        }\n        \n        .why-item {\n            background: white;\n            padding: 25px;\n            border-radius: 12px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n            text-align: center;\n        }\n        \n        .why-item-icon {\n            font-size: 2em;\n            margin-bottom: 10px;\n            display: block;\n        }\n        \n        .why-item-title {\n            color: #c06c84;\n            font-weight: bold;\n            margin-bottom: 10px;\n            font-size: 1.1em;\n        }\n        \n        .why-item-text {\n            color: #666;\n            line-height: 1.6;\n            font-size: 0.95em;\n        }\n        \n        \/* How to Use Section *\/\n        .how-to-section {\n            background: linear-gradient(135deg, #4ecdc4, #44a08d);\n            border-radius: 20px;\n            padding: 40px;\n            margin: 50px 0;\n            color: white;\n        }\n        \n        .how-to-title {\n            text-align: center;\n            font-size: 2em;\n            margin-bottom: 30px;\n            font-weight: 600;\n        }\n        \n        .steps-container {\n            display: flex;\n            justify-content: space-between;\n            flex-wrap: wrap;\n            gap: 20px;\n            max-width: 900px;\n            margin: 0 auto;\n        }\n        \n        .step {\n            text-align: center;\n            flex: 1;\n            min-width: 180px;\n            position: relative;\n        }\n        \n        .step-number {\n            background: rgba(255,255,255,0.2);\n            backdrop-filter: blur(10px);\n            border: 2px solid rgba(255,255,255,0.3);\n            width: 60px;\n            height: 60px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 15px;\n            font-weight: bold;\n            font-size: 1.4em;\n            transition: all 0.3s ease;\n        }\n        \n        .step:hover .step-number {\n            background: rgba(255,255,255,0.3);\n            transform: scale(1.1);\n        }\n        \n        .step-title {\n            font-weight: bold;\n            font-size: 1.1em;\n            margin-bottom: 8px;\n        }\n        \n        .step-text {\n            opacity: 0.9;\n            font-size: 0.95em;\n        }\n        \n        .pro-tips {\n            background: rgba(255,255,255,0.15);\n            padding: 25px;\n            border-radius: 15px;\n            margin-top: 30px;\n            backdrop-filter: blur(10px);\n        }\n        \n        .pro-tips-title {\n            font-weight: bold;\n            font-size: 1.2em;\n            margin-bottom: 15px;\n            text-align: center;\n        }\n        \n        .pro-tips-list {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 10px;\n        }\n        \n        .pro-tip-item {\n            opacity: 0.95;\n            font-size: 0.95em;\n        }\n        \n        \/* Perfect For Section *\/\n        .perfect-for {\n            background: white;\n            padding: 40px;\n            border-radius: 20px;\n            margin: 40px 0;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n        }\n        \n        .perfect-for-title {\n            color: #2c3e50;\n            font-size: 2em;\n            text-align: center;\n            margin-bottom: 30px;\n            font-weight: 600;\n        }\n        \n        .perfect-for-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n            gap: 20px;\n        }\n        \n        .perfect-item {\n            background: linear-gradient(135deg, #fff5f8, #ffe6f0);\n            padding: 25px;\n            border-radius: 12px;\n            text-align: center;\n            transition: all 0.3s ease;\n            border: 2px solid #ffe6f0;\n        }\n        \n        .perfect-item:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n            border-color: #ff6b9d;\n        }\n        \n        .perfect-item-icon {\n            font-size: 2.5em;\n            margin-bottom: 10px;\n        }\n        \n        .perfect-item-text {\n            color: #c06c84;\n            font-weight: 600;\n        }\n        \n        \/* FAQ Section *\/\n        .faq-section {\n            background: white;\n            padding: 40px;\n            border-radius: 20px;\n            margin: 40px 0;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n        }\n        \n        .faq-title {\n            color: #2c3e50;\n            font-size: 2em;\n            text-align: center;\n            margin-bottom: 30px;\n            font-weight: 600;\n        }\n        \n        .faq-item {\n            margin-bottom: 15px;\n            border: 1px solid #ecf0f1;\n            border-radius: 10px;\n            overflow: hidden;\n            transition: all 0.3s ease;\n        }\n        \n        .faq-item:hover {\n            box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n        }\n        \n        .faq-question {\n            background: #f8f9fa;\n            padding: 20px;\n            cursor: pointer;\n            font-weight: 600;\n            color: #2c3e50;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            transition: all 0.3s ease;\n        }\n        \n        .faq-question:hover {\n            background: #e9ecef;\n        }\n        \n        .faq-question.active {\n            background: #ff6b9d;\n            color: white;\n        }\n        \n        .faq-arrow {\n            transition: transform 0.3s ease;\n            font-size: 1.2em;\n        }\n        \n        .faq-question.active .faq-arrow {\n            transform: rotate(180deg);\n        }\n        \n        .faq-answer {\n            padding: 0 20px;\n            max-height: 0;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            background: white;\n        }\n        \n        .faq-answer.active {\n            padding: 20px;\n            max-height: 300px;\n        }\n        \n        .faq-answer p {\n            color: #7f8c8d;\n            line-height: 1.6;\n        }\n        \n        \/* Price Section *\/\n        .price-section {\n            background: linear-gradient(135deg, #667eea, #764ba2);\n            color: white;\n            padding: 40px;\n            border-radius: 20px;\n            text-align: center;\n            margin: 40px 0;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .price-section::before {\n            content: '✨';\n            position: absolute;\n            top: 20px;\n            right: 30px;\n            font-size: 2em;\n            animation: bounce 2s infinite;\n        }\n        \n        @keyframes bounce {\n            0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n            40% { transform: translateY(-10px); }\n            60% { transform: translateY(-5px); }\n        }\n        \n        .price-title {\n            font-size: 1.5em;\n            margin-bottom: 15px;\n            font-weight: 600;\n        }\n        \n        .price-amount {\n            font-size: 3em;\n            font-weight: bold;\n            margin: 15px 0;\n            text-shadow: 0 2px 4px rgba(0,0,0,0.2);\n        }\n        \n        .price-details {\n            font-size: 1.1em;\n            margin-bottom: 20px;\n            opacity: 0.95;\n        }\n        \n        .price-savings {\n            background: rgba(255,255,255,0.2);\n            padding: 10px 20px;\n            border-radius: 25px;\n            display: inline-block;\n            margin-bottom: 20px;\n            backdrop-filter: blur(10px);\n        }\n        \n        .size-options {\n            display: flex;\n            justify-content: center;\n            gap: 15px;\n            margin-top: 20px;\n            flex-wrap: wrap;\n        }\n        \n        .size-option {\n            background: rgba(255,255,255,0.2);\n            padding: 10px 20px;\n            border-radius: 10px;\n            font-weight: 600;\n        }\n        \n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .product-container { padding: 15px; }\n            .hero-title { font-size: 2.2em; }\n            .hero-subtitle { font-size: 1.1em; }\n            .hero-section { padding: 30px 20px; }\n            .section-title { font-size: 1.8em; }\n            .benefits-grid { grid-template-columns: 1fr; gap: 20px; }\n            .steps-container { flex-direction: column; align-items: center; }\n            .step { margin-bottom: 20px; }\n            .why-citraberry-content { grid-template-columns: 1fr; }\n            .perfect-for-grid { grid-template-columns: repeat(2, 1fr); }\n            .price-amount { font-size: 2.5em; }\n        }\n        \n        @media (max-width: 480px) {\n            .hero-title { font-size: 1.8em; }\n            .benefit-card, .how-to-section, .faq-section, .price-section, .why-citraberry, .perfect-for {\n                padding: 25px 20px;\n            }\n            .perfect-for-grid { grid-template-columns: 1fr; }\n        }\n    \u003c\/style\u003e\n\n\n    \u003cdiv class=\"product-container\"\u003e\n        \u003c!-- Hero Section --\u003e\n        \u003cdiv class=\"hero-section\"\u003e\n            \u003cdiv class=\"hero-content\"\u003e\n                \u003ch1 class=\"hero-title\"\u003e🍊 CITRABERRY Bio-Enzyme\u003c\/h1\u003e\n                \u003cp class=\"hero-subtitle\"\u003eNatural Dishwashing Liquid - Made from Citrus \u0026amp; Reetha (Soapberry)\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Benefits Section --\u003e\n        \u003cdiv class=\"benefits-section\"\u003e\n            \u003ch2 class=\"section-title\"\u003eWhat Makes CITRABERRY Special?\u003c\/h2\u003e\n            \u003cp class=\"section-subtitle\"\u003e\n                Made from fermented citrus peels and natural soapberry (reetha) - powerful bio-enzymes that clean dishes naturally without any chemicals!\n            \u003c\/p\u003e\n            \n            \u003cdiv class=\"benefits-grid\"\u003e\n                \u003cdiv class=\"benefit-card\"\u003e\n                    \u003cspan class=\"benefit-icon\"\u003e🧬\u003c\/span\u003e\n                    \u003ch3 class=\"benefit-title\"\u003eDouble Bio-Enzyme Power\u003c\/h3\u003e\n                    \u003cp class=\"benefit-text\"\u003eCitrus bio-enzyme + Reetha bio-enzyme for extra cleaning strength\u003c\/p\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"benefit-card\"\u003e\n                    \u003cspan class=\"benefit-icon\"\u003e🌿\u003c\/span\u003e\n                    \u003ch3 class=\"benefit-title\"\u003e100% Natural Formula\u003c\/h3\u003e\n                    \u003cp class=\"benefit-text\"\u003eMade from fruit peels and soapberry - completely chemical-free!\u003c\/p\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"benefit-card\"\u003e\n                    \u003cspan class=\"benefit-icon\"\u003e💪\u003c\/span\u003e\n                    \u003ch3 class=\"benefit-title\"\u003eCuts Grease Instantly\u003c\/h3\u003e\n                    \u003cp class=\"benefit-text\"\u003eNatural enzymes break down oil and food residue effortlessly\u003c\/p\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"benefit-card\"\u003e\n                    \u003cspan class=\"benefit-icon\"\u003e🤲\u003c\/span\u003e\n                    \u003ch3 class=\"benefit-title\"\u003eGentle on Hands\u003c\/h3\u003e\n                    \u003cp class=\"benefit-text\"\u003eReetha naturally moisturizes - no dry or rough hands!\u003c\/p\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"benefit-card\"\u003e\n                    \u003cspan class=\"benefit-icon\"\u003e⏱️\u003c\/span\u003e\n                    \u003ch3 class=\"benefit-title\"\u003eEnzyme Action\u003c\/h3\u003e\n                    \u003cp class=\"benefit-text\"\u003eWait 2-3 minutes for enzymes to break down grease - then rinse!\u003c\/p\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"benefit-card\"\u003e\n                    \u003cspan class=\"benefit-icon\"\u003e🍽️\u003c\/span\u003e\n                    \u003ch3 class=\"benefit-title\"\u003eDishwasher Safe\u003c\/h3\u003e\n                    \u003cp class=\"benefit-text\"\u003eWorks in dishwasher machines too - add 3-4 tablespoons!\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Why CitraBerry Section --\u003e\n        \u003cdiv class=\"why-citraberry\"\u003e\n            \u003ch2 class=\"why-citraberry-title\"\u003e🍊 Why Citrus + Reetha Bio-Enzymes?\u003c\/h2\u003e\n            \u003cdiv class=\"why-citraberry-content\"\u003e\n                \u003cdiv class=\"why-item\"\u003e\n                    \u003cspan class=\"why-item-icon\"\u003e🍋\u003c\/span\u003e\n                    \u003cdiv class=\"why-item-title\"\u003eCitrus Bio-Enzyme\u003c\/div\u003e\n                    \u003cdiv class=\"why-item-text\"\u003eFrom fermented orange and lemon peels - cuts through grease naturally\u003c\/div\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"why-item\"\u003e\n                    \u003cspan class=\"why-item-icon\"\u003e🫧\u003c\/span\u003e\n                    \u003cdiv class=\"why-item-title\"\u003eReetha (Soapberry)\u003c\/div\u003e\n                    \u003cdiv class=\"why-item-text\"\u003eNatural foaming agent used for centuries - gentle yet effective\u003c\/div\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"why-item\"\u003e\n                    \u003cspan class=\"why-item-icon\"\u003e♻️\u003c\/span\u003e\n                    \u003cdiv class=\"why-item-title\"\u003eFermented Power\u003c\/div\u003e\n                    \u003cdiv class=\"why-item-text\"\u003eBio-enzymes created through natural fermentation process\u003c\/div\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"why-item\"\u003e\n                    \u003cspan class=\"why-item-icon\"\u003e🚫\u003c\/span\u003e\n                    \u003cdiv class=\"why-item-title\"\u003eNo Chemicals\u003c\/div\u003e\n                    \u003cdiv class=\"why-item-text\"\u003eZero sulfates, parabens, or synthetic additives\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Perfect For Section --\u003e\n        \u003cdiv class=\"perfect-for\"\u003e\n            \u003ch2 class=\"perfect-for-title\"\u003e🍽️ Perfect For Cleaning\u003c\/h2\u003e\n            \u003cdiv class=\"perfect-for-grid\"\u003e\n                \u003cdiv class=\"perfect-item\"\u003e\n                    \u003cdiv class=\"perfect-item-icon\"\u003e🍽️\u003c\/div\u003e\n                    \u003cdiv class=\"perfect-item-text\"\u003eDishes \u0026amp; Plates\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"perfect-item\"\u003e\n                    \u003cdiv class=\"perfect-item-icon\"\u003e🥄\u003c\/div\u003e\n                    \u003cdiv class=\"perfect-item-text\"\u003eUtensils\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"perfect-item\"\u003e\n                    \u003cdiv class=\"perfect-item-icon\"\u003e🥃\u003c\/div\u003e\n                    \u003cdiv class=\"perfect-item-text\"\u003eGlassware\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"perfect-item\"\u003e\n                    \u003cdiv class=\"perfect-item-icon\"\u003e🍲\u003c\/div\u003e\n                    \u003cdiv class=\"perfect-item-text\"\u003ePots \u0026amp; Pans\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"perfect-item\"\u003e\n                    \u003cdiv class=\"perfect-item-icon\"\u003e🔪\u003c\/div\u003e\n                    \u003cdiv class=\"perfect-item-text\"\u003eKitchen Knives\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"perfect-item\"\u003e\n                    \u003cdiv class=\"perfect-item-icon\"\u003e🧽\u003c\/div\u003e\n                    \u003cdiv class=\"perfect-item-text\"\u003eKitchen Surfaces\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- How to Use Section --\u003e\n        \u003cdiv class=\"how-to-section\"\u003e\n            \u003ch2 class=\"how-to-title\"\u003eHow to Use (Super Easy!)\u003c\/h2\u003e\n            \n            \u003cdiv class=\"steps-container\"\u003e\n                \u003cdiv class=\"step\"\u003e\n                    \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n                    \u003cdiv class=\"step-title\"\u003eApply\u003c\/div\u003e\n                    \u003cdiv class=\"step-text\"\u003eAdd 2-3ml to sponge or dishes\u003c\/div\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"step\"\u003e\n                    \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n                    \u003cdiv class=\"step-title\"\u003eWait\u003c\/div\u003e\n                    \u003cdiv class=\"step-text\"\u003eLet sit 2-3 minutes for enzymes to work\u003c\/div\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"step\"\u003e\n                    \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n                    \u003cdiv class=\"step-title\"\u003eLather\u003c\/div\u003e\n                    \u003cdiv class=\"step-text\"\u003eScrub to create natural foam\u003c\/div\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"step\"\u003e\n                    \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n                    \u003cdiv class=\"step-title\"\u003eRinse\u003c\/div\u003e\n                    \u003cdiv class=\"step-text\"\u003eRinse with water - spotless clean!\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"pro-tips\"\u003e\n                \u003cdiv class=\"pro-tips-title\"\u003e💡 Different Ways to Use:\u003c\/div\u003e\n                \u003cdiv class=\"pro-tips-list\"\u003e\n                    \u003cdiv class=\"pro-tip-item\"\u003e✓ \u003cstrong\u003eRegular Dishwashing:\u003c\/strong\u003e Add 2-3ml to sponge, wait 2-3 min, lather and rinse\u003c\/div\u003e\n                    \u003cdiv class=\"pro-tip-item\"\u003e✓ \u003cstrong\u003eSoaking Greasy Utensils:\u003c\/strong\u003e Mix 5-7ml in water, soak 10-15 min, then wash\u003c\/div\u003e\n                    \u003cdiv class=\"pro-tip-item\"\u003e✓ \u003cstrong\u003eHeavy Grease\/Burnt Pans:\u003c\/strong\u003e Apply 3-5ml directly, wait 5-10 min, scrub and rinse\u003c\/div\u003e\n                    \u003cdiv class=\"pro-tip-item\"\u003e✓ \u003cstrong\u003eDishwasher Machine:\u003c\/strong\u003e Add 3-4 tablespoons to detergent dispenser\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- FAQ Section --\u003e\n        \u003cdiv class=\"faq-section\"\u003e\n            \u003ch2 class=\"faq-title\"\u003eCommon Questions\u003c\/h2\u003e\n            \n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                    \u003cspan\u003eWhat is CITRABERRY made from?\u003c\/span\u003e\n                    \u003cspan class=\"faq-arrow\"\u003e↓\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-answer\"\u003e\n                    \u003cp\u003eCITRABERRY is made from two powerful bio-enzymes: Citrus bio-enzyme (from fermented orange and lemon peels) and Reetha bio-enzyme (from natural soapberries). Both are 100% natural!\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                    \u003cspan\u003eWhat is Reetha (Soapberry)?\u003c\/span\u003e\n                    \u003cspan class=\"faq-arrow\"\u003e↓\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-answer\"\u003e\n                    \u003cp\u003eReetha or Soapberry is a natural fruit that has been used in India for centuries for washing. It creates natural foam and is gentle on hands while being tough on grease!\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                    \u003cspan\u003eWhy do I need to wait before washing?\u003c\/span\u003e\n                    \u003cspan class=\"faq-arrow\"\u003e↓\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-answer\"\u003e\n                    \u003cp\u003eBio-enzymes need 2-3 minutes to break down grease and food particles. This waiting time allows the natural enzymes to work their magic, making washing easier and more effective!\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                    \u003cspan\u003eCan I use it in a dishwasher machine?\u003c\/span\u003e\n                    \u003cspan class=\"faq-arrow\"\u003e↓\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-answer\"\u003e\n                    \u003cp\u003eYes! Add 3-4 tablespoons of CITRABERRY to your dishwasher's detergent dispenser. It works perfectly in automatic dishwashers for sparkling clean dishes!\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                    \u003cspan\u003eIs it safe for all types of utensils?\u003c\/span\u003e\n                    \u003cspan class=\"faq-arrow\"\u003e↓\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-answer\"\u003e\n                    \u003cp\u003eAbsolutely! CITRABERRY is safe for all utensils including steel, copper, brass, non-stick, glass, and ceramic. The natural formula won't damage any material.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                    \u003cspan\u003eDoes it really clean grease well?\u003c\/span\u003e\n                    \u003cspan class=\"faq-arrow\"\u003e↓\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-answer\"\u003e\n                    \u003cp\u003eYes! The combination of citrus bio-enzymes and reetha creates powerful natural cleaning action that cuts through even the toughest grease and oil stains effortlessly.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                    \u003cspan\u003eWill it dry my hands?\u003c\/span\u003e\n                    \u003cspan class=\"faq-arrow\"\u003e↓\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-answer\"\u003e\n                    \u003cp\u003eNo! Unlike chemical dishwashing liquids, CITRABERRY contains natural reetha which actually moisturizes your hands. Your hands stay soft even after washing many dishes!\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003cscript\u003e\n        function toggleFaq(element) {\n            const faqItem = element.parentElement;\n            const answer = faqItem.querySelector('.faq-answer');\n            const arrow = element.querySelector('.faq-arrow');\n            \n            \/\/ Close all other FAQs\n            document.querySelectorAll('.faq-question').forEach(q =\u003e {\n                if (q !== element) {\n                    q.classList.remove('active');\n                    q.parentElement.querySelector('.faq-answer').classList.remove('active');\n                    q.querySelector('.faq-arrow').textContent = '↓';\n                }\n            });\n            \n            \/\/ Toggle current FAQ\n            element.classList.toggle('active');\n            answer.classList.toggle('active');\n            arrow.textContent = element.classList.contains('active') ? '↑' : '↓';\n        }\n\n        \/\/ Add smooth scrolling\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({ behavior: 'smooth' });\n                }\n            });\n        });\n\n        \/\/ Add loading animation\n        window.addEventListener('load', function() {\n            document.querySelector('.product-container').style.opacity = '0';\n            document.querySelector('.product-container').style.transform = 'translateY(20px)';\n            \n            setTimeout(() =\u003e {\n                document.querySelector('.product-container').style.transition = 'all 0.8s ease';\n                document.querySelector('.product-container').style.opacity = '1';\n                document.querySelector('.product-container').style.transform = 'translateY(0)';\n            }, 100);\n        });\n    \u003c\/script\u003e\n\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"ANTIQUE AYURVEDA","offers":[{"title":"500 ml","offer_id":45028440932547,"sku":null,"price":239.0,"currency_code":"INR","in_stock":true},{"title":"800 ml","offer_id":45028440965315,"sku":null,"price":339.0,"currency_code":"INR","in_stock":true},{"title":"2.5 ltr","offer_id":45028440998083,"sku":null,"price":789.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0678\/7219\/4755\/files\/naturalliquid.jpg?v=1768129063","url":"https:\/\/antiqueayurveda.in\/products\/citraberry-natural-dishwashing-liquid","provider":"ANTIQUE AYURVEDA","version":"1.0","type":"link"}