{"product_id":"shower-filter-replacement-cartridge","title":"Crystal Quest Shower Filter Replacement Cartridge","description":"\u003cstyle\u003e\n        :root {\n            --crystal-quest-blue: #171796;\n            --midnight-ocean: #0C0C4A;\n        }\n\n\n        \/* Main Container *\/\n        .description-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n            display: flex;\n            flex-direction: column;\n            gap: 75px;\n            padding-top: 60px;\n            padding-bottom: 100px;\n        }\n\n        \/* Section Styles *\/\n        .description-section {\n            display: flex;\n            flex-direction: column;\n            gap: 25px;\n        }\n\n        .separator-line {\n            display: block;\n            height: 1px;\n            width: 50%;\n            background-color: #D0CFCD;\n            margin: 0 auto;\n        }\n\n        \/* Hero Section *\/\n        .hero-section {\n            \/* background: linear-gradient(to right, #f0f0f0 50%, white 50%); *\/\n            \/* background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/1286\/9985\/files\/Luxury-Grade-Shower-Banner-Image-02.jpg?v=1770905303');\n            background-size: cover;\n            background-repeat: no-repeat; *\/\n            border-radius: 20px;\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n            height: auto; \/* allow content to define height *\/\n        }\n\n        .hero-section img {\n            display: block;\n            width: 100%;\n            max-width: 100%;\n            height: auto; \/* keep aspect ratio and prevent stretching *\/\n        }\n\n        .hero-content {\n            flex: 1;\n            padding: 60px;\n        }\n\n        .hero-title {\n            font-size: 48px;\n            font-weight: 700;\n            color: var(--crystal-quest-blue);\n            margin-bottom: 40px;\n            line-height: 1.2;\n        }\n\n        .hero-quote {\n            font-size: 14px;\n            color: #6B7BCC;\n            font-style: italic;\n        }\n\n        \/* Benefits Section *\/\n        .benefits-section {\n            display: flex;\n            align-items: center;\n            gap: 60px;\n            \/* background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/1286\/9985\/files\/Healthy-SkinandHair-Banner-Image-02.jpg?v=1770905303');\n            background-size: cover;\n            background-repeat: no-repeat; *\/\n            border-radius: 20px;\n            overflow: hidden;\n            height: 400px;\n        }\n\n        .benefits-section img {\n            width: 100%;\n        }\n\n        .benefits-content {\n            flex: 1;\n            padding: 60px;\n            text-align: right;\n            justify-content: end;\n            \/* background: linear-gradient(to right, white, #f8f9ff); *\/\n            max-width: 50%;\n            margin: auto 0 auto auto;\n        }\n\n        .benefits-title {\n            font-size: 42px;\n            font-weight: 700;\n            color: var(--crystal-quest-blue);\n            margin-bottom: 30px;\n            line-height: 1.2;\n        }\n\n        .benefits-description {\n            font-size: 15px;\n            color: #666;\n            line-height: 1.8;\n        }\n\n        \/* Features Section *\/\n        .features-section {\n            display: flex;\n            gap: 60px;\n            align-items: center;\n            flex-direction: row;\n        }\n\n        .features-content {\n            flex: 1;\n        }\n\n        .features-title {\n            font-size: 32px;\n            font-weight: 700;\n            color: var(--crystal-quest-blue);\n            margin-bottom: 40px;\n            line-height: 1.3;\n        }\n\n        .feature-item {\n            margin-bottom: 35px;\n        }\n\n        .feature-item h3 {\n            font-size: 18px;\n            color: var(--midnight-ocean);\n            margin-bottom: 10px;\n            font-weight: 600;\n        }\n\n        .feature-item p {\n            font-size: 14px;\n            color: #666;\n            line-height: 1.7;\n        }\n\n        .features-image {\n            flex: 1;\n            background: radial-gradient(112.65% 108.27% at 50% -8.27%, #D9EBF6 0%, #CFD4DE 100%), radial-gradient(112.65% 108.27% at 50% -8.27%, #D9EBF6 0%, #CFD4DE 100%);;\n            height: 400px;\n            border-radius: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #999;\n            overflow: hidden;\n        }\n\n        \/* Materials Section *\/\n        .materials-section {\n            background-color: white;\n            border-radius: 20px;\n            padding: 60px;\n        }\n\n        .materials-image {\n            width: 100%;\n            background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/1286\/9985\/files\/media_floating_in_water.jpg?v=1770834371');\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            height: 250px;\n            border-radius: 15px;\n            margin-bottom: 40px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #999;\n        }\n\n        .materials-title {\n            font-size: 24px;\n            font-weight: 700;\n            color: var(--crystal-quest-blue);\n            margin-bottom: 40px;\n        }\n\n        .materials-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 40px;\n        }\n\n        .material-item {\n            border-left: 1px solid #cecece;\n            padding-left: 20px;\n        }\n\n        .material-item h4 {\n            font-size: 16px;\n            color: var(--midnight-ocean);\n            margin-bottom: 12px;\n            font-weight: 600;\n        }\n\n        .material-item p {\n            font-size: 14px;\n            color: #666;\n            line-height: 1.7;\n        }\n\n        \/* Help Section *\/\n        .help-section {\n            display: flex;\n            flex-direction: column;\n            \/* justify-content: center; *\/\n            text-align: center;\n            padding: 60px 40px;\n            background-color: white;\n            border-radius: 20px;\n            filter: drop-shadow(2px 4px 10px rgba(146, 146, 146, 0.25));\n        }\n\n        .help-intro-text {\n            max-width: 500px;\n            margin: 0 auto;\n            \/* border: 1px solid orange; *\/\n        }\n\n        .help-title {\n            font-size: 36px;\n            font-weight: 700;\n            color: var(--crystal-quest-blue);\n            margin-bottom: 20px;\n        }\n\n        .help-description {\n            font-size: 15px;\n            color: #666;\n            margin-bottom: 50px;\n            line-height: 1.6;\n        }\n\n        .help-options-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 25px;\n            \/* margin-bottom: 80px; *\/\n            scroll-margin-top: 40px;\n        }\n\n        .help-option {\n            background: #ffffff;\n            border: 1px solid #e5e7eb;\n            border-radius: 12px;\n            padding: 35px 20px;\n            text-align: center;\n            color: inherit !important;\n            box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.03);\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            cursor: pointer;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            height: 100%;\n            text-decoration: none;\n        }\n\n        .help-option:hover {\n            border: 1px solid var(--crystal-quest-blue);\n            box-shadow: 0 20px 25px -5px rgba(23, 23, 150, 0.1), 0 10px 10px -5px rgba(23, 23, 150, 0.02);\n        }\n\n        .help-icon {\n            width: 50px;\n            height: 50px;\n            margin-bottom: 20px;\n            \/* background-color: #f0f0f0; *\/\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--crystal-quest-blue);\n            font-size: 24px;\n        }\n\n        .help-option h4 {\n            font-size: 16px;\n            color: #999;\n            font-weight: 600;\n        }\n\n        .help-option p {\n            font-size: 13px;\n            color: #999;\n        }\n\n        \/* SPECIFCATIONS SECTION *\/\n        .specs-section {\n            display: flex;\n            flex-direction: column;\n            text-align: center;\n        }\n        \n        .specs-content {\n            display: flex;\n            gap: 60px;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n        }\n\n        .specs-product-image {\n            \/* background: radial-gradient(112.65% 108.27% at 50% -8.27%, #D9EBF6 0%, #CFD4DE 100%), radial-gradient(112.65% 108.27% at 50% -8.27%, #D9EBF6 0%, #CFD4DE 100%); *\/\n            height: 400px;\n            max-width: 400px;\n            border-radius: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n        }\n\n        .specs-product-image img {\n            width: 100%;\n            height: auto;\n        }\n\n        \/* STYLING FOR SPEC TABLES *\/\n        .spec-table {\n            width: 100%;\n            border-collapse: collapse;\n            text-align: center;\n            margin-bottom: 1em;\n            border-radius: 15px;\n            overflow: hidden;\n            box-shadow: 0 4px 8px rgba(227, 229, 230, 0.5);\n            color: #93918D;\n            border-color: red;\n            ;\n        }\n\n        .spec-table th {\n            background-color: rgb(23, 23, 150);\n            color: white;\n            padding: 1em;\n            border: none !important; \/** Remove Shopify default borders *\/\n            text-align: center !important; \/** Remove Shopify default text alignment *\/\n        }\n        \n        .spec-table tr:nth-child(even) {\n            background-color: #ebebeb;\n        }\n\n        .table-header-link {\n            text-decoration: none;\n            color: white;\n        }\n        \n        .spec-table td {\n            padding: 1em;\n            border: none !important; \/** Remove Shopify default borders *\/\n            text-align: center !important; \/** Remove Shopify default text alignment *\/\n        }\n\n        .spec-table td:first-child {\n                color: var(--midnight-ocean);\n                font-weight: 700;\n        }\n\n        .spec-table tr:first-child {\n            border-radius: 20px 20px 0 0;\n        }\n\n        \/* PARTS \u0026 COMPONENTS STYLEING *\/\n        .parts-section {\n            display: flex;\n            flex-direction: column;\n            text-align: center;\n        }\n\n        .parts-content {\n            display: flex;\n            gap: 60px;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n        }\n\n        \/* .parts-product-image {\n            height: 400px;\n            max-width: 400px;\n            border-radius: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n        }\n\n        .parts-product-image img {\n            width: 100%;\n            height: auto;\n            display: block !important;\n            opacity: 1 !important;\n            visibility: visible !important;\n        } *\/\n\n        .parts-product-image {\n        position: relative;\n        width: 100%;\n        }\n\n        .parts-product-image img {\n            width: 100%;\n            height: auto;\n            display: block !important;\n            max-width: 100%;\n        }\n\n        \/* Remove any potential background images *\/\n        .parts-product-image::before,\n        .parts-product-image::after {\n            display: none !important;\n        }\n\n        \/* Add To Cart Btn *\/\n        .add-part-to-cart-btn {\n            background-color: transparent;\n            color: #101068;\n            border-radius: 5px;\n            border: 3px solid #101068;\n            padding: .9em 1.5em;\n            font-weight: 600;\n        }\n\n        .add-part-to-cart-btn:hover {\n            cursor: pointer;\n            background-color: #101068;\n            color: white;\n        }\n\n        \/*  INSTALLATION INSTRUCTIONS STYLING *\/\n\n        .how-to-install-section {\n            padding: 20px;\n            text-align: center;\n        }\n\n        .how-to-install-content {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n\n        .how-to-install-image {\n            width: 100%;\n            border-radius: 15px;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .description-container {\n                gap: 25px;\n                padding-top: 40px;\n            }\n\n            .hero-section,\n            .benefits-section,\n            .features-section {\n                flex-direction: column;\n            }\n\n            .hero-section {\n                height: auto;\n            }\n            .benefits-section {\n                height: auto;\n            }\n\n            .benefits-title {\n                font-size: 32px;\n            }\n\n            nav {\n                gap: 20px;\n            }\n\n            .help-options {\n                gap: 40px;\n            }\n\n            .features-section {\n                flex-direction: column-reverse;\n                gap: 20px;\n            }\n\n            .features-image {\n                width: 100%;\n                max-height: 200px;\n            }\n\n            .materials-section {\n                width: 100%;\n                padding: 20px;\n            }\n\n            .help-options-grid {\n                grid-template-columns: 1fr 1fr;\n            }\n            \/* Make the 3rd item span both columns so layout is 2 on top, 1 full-width below *\/\n            .help-options-grid .help-option:nth-child(3) {\n                grid-column: 1 \/ -1;\n                width: 100%;\n            }\n\n            .specs-content {\n                flex-direction: column;\n                gap: 30px;\n            }\n\n            .spec-table {\n            font-size: .75em;\n            \/* border: 1px solid red; *\/\n            }\n\n            .spec-table, thead, th , td, tr {\n                display: block;\n            }\n\n            .spec-table tbody {\n                display: block;\n                width: 100%;\n            }\n\n            \/* Hide table headers (but not display: none;, for accessibility) *\/\n            thead tr { \n                position: absolute;\n                top: -9999px;\n                left: -9999px;\n            }\n            \n            tr { border: 1px solid #ccc; }\n            \n            td { \n                \/* Behave  like a \"row\" *\/\n                border: none;\n                border-bottom: 1px solid #eee; \n                position: relative;\n                padding-left: 50%; \n            }\n            \n            td:before { \n                \/* Now like a table header *\/\n                position: relative;\n                \/* Top\/left values mimic padding *\/\n                top: 6px;\n                left: 0px;\n                width: 45%; \n                padding: 20px 20px 20px 0; \n                white-space: nowrap;\n            }\n\n            .how-to-install-section {\n            padding: 0;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"description-container\"\u003e\n\u003csection class=\"hero-section\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1286\/9985\/files\/Luxury-Grade-Shower-Banner-Image-02.jpg?v=1770905303\"\u003e\u003c\/section\u003e\n\u003cspan class=\"separator-line\"\u003e\u003c\/span\u003e \u003c!-- Benefits Section --\u003e\n\u003csection class=\"description-section benefits-section\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1286\/9985\/files\/Healthy-SkinandHair-Banner-Image-02.jpg?v=1770905303\"\u003e\u003c\/section\u003e\n\u003cspan class=\"separator-line\"\u003e\u003c\/span\u003e \u003c!-- Features Section --\u003e\n\u003csection class=\"description-section features-section\"\u003e\n\u003cdiv class=\"features-content\"\u003e\n\u003ch2 class=\"features-title\"\u003eKeep Your Shower Filter\u003cbr\u003eAt It's Maximum Efficiency\u003c\/h2\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFresh Clean Water\u003c\/h3\u003e\n\u003cp\u003eCrystal Quest's shower filter removes chlorine, chloramines, VOCs, THMs, pesticides, sulfur, hydrogen sulfide, dirt, sediment and other agents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003epH Balanced\u003c\/h3\u003e\n\u003cp\u003eGranulated Activated Carbon, Activated Carbon ERA 6500 \u0026amp; 9500, and Ceramic media not only filter your water but also balance the pH levels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eStress Free Replacement\u003c\/h3\u003e\n\u003cp\u003eOpt for a subscription based replacements every 6-12 months and never let your cartridges run too long after their limit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1286\/9985\/files\/shutterstock_1632956974-shower-water-transparent.png?v=1770823681\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cspan class=\"separator-line\"\u003e\u003c\/span\u003e \u003c!-- Materials Section --\u003e\n\u003csection class=\"description-section materials-section\"\u003e\n\u003cdiv class=\"materials-image\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch3 class=\"materials-title\"\u003eWhat's inside:\u003c\/h3\u003e\n\u003cdiv class=\"materials-grid\"\u003e\n\u003cdiv class=\"material-item\"\u003e\n\u003ch4\u003eGranulated Activated Carbon (GAC)\u003c\/h4\u003e\n\u003cp\u003eCharred coconut shells create GAC to absorb chlorine, chloramines, and organic compounds.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"material-item\"\u003e\n\u003ch4\u003eERA Technology\u003c\/h4\u003e\n\u003cp\u003eA specialty mix of ERA 6500 \u0026amp; 9500 are used to disinfect and prevent mineral scale while removing heavy metals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"material-item\"\u003e\n\u003ch4\u003eCeramic Orbs\u003c\/h4\u003e\n\u003cp\u003eNaturally sourced ceramic orbs add minerals to the water enhancing alkalinity and chlorination.\u003c!-- Hero Section --\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cspan class=\"separator-line\"\u003e\u003c\/span\u003e\u003cbr\u003e\u003c!-- Help Section --\u003e\n\u003c\/div\u003e\n\u003c!-- SPECIFICATIONS --\u003e\n\u003cdiv class=\"description-container\"\u003e\n\u003c!-- Specifications Section with Table--\u003e\n\u003csection class=\"description-section specs-section\"\u003e\n\u003ch2 class=\"features-title\"\u003eShower Filter Cartridge Specifications\u003c\/h2\u003e\n\u003cdiv class=\"specs-content\"\u003e\n\u003cdiv class=\"specs-product-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1286\/9985\/files\/Shower_Filter_Dimensions.jpg?v=1770919814\"\u003e\u003c\/div\u003e\n\u003ctable class=\"spec-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSpecification\u003c\/th\u003e\n\u003cth\u003eCQE-CO-02039\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimension\u003c\/td\u003e\n\u003ctd\u003e2.25” x 3” \/ 57.15mm x 76.2mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFlow Rate\u003c\/td\u003e\n\u003ctd\u003e2 gpm \/ 7.6 lpm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCapacity\u003c\/td\u003e\n\u003ctd\u003e6 - 12 months\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBuild\u003c\/td\u003e\n\u003ctd\u003eMolded ABS Cylinder\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFilter Screens\u003c\/td\u003e\n\u003ctd\u003e306 Stainless Steel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"description-container\"\u003e\n\u003cp\u003e\u003ciframe width=\"1440\" height=\"810\" src=\"https:\/\/www.youtube.com\/embed\/EmW4llhl2WM?si=fE10mp5wFKgIUDRV\u0026amp;rel=0\" title=\"YouTube video player\"\u003e\u003c\/iframe\u003e\u003c\/p\u003e\n\u003c!-- Compatible Parts Section with Table--\u003e\n\u003csection class=\"description-section how-to-install-section\"\u003e\n\u003ch2 class=\"features-title\"\u003eHow to Install \u0026amp; Replace Your Shower Filter Cartridge\u003c\/h2\u003e\n\u003cdiv class=\"how-to-install-content\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1286\/9985\/files\/How_To_Install_Shower_Filter_Cartridge_Graphic.jpg?v=1771015115\" alt=\"Shower filter installation instructions\" class=\"how-to-install-image\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003csection class=\"cq-desc\" style=\"font-family: Arial,sans-serif; color: #42434d; line-height: 1.65;\"\u003e\n\u003ch2 style=\"color: #0c4a4a;\"\u003eGenuine Crystal Quest Replacement\u003c\/h2\u003e\n\u003cp\u003eMaintain your Crystal Quest system with the correct replacement component. Confirm the SKU, size, and current system configuration before ordering.\u003c\/p\u003e\n\u003ch3 style=\"color: #0c4a4a;\"\u003eCompatibility\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eShower-filter systems using the matching Crystal Quest cartridge configuration.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/section\u003e","brand":"Crystal Quest","offers":[{"title":"Single","offer_id":48665301745819,"sku":"CQE-RC-04045","price":29.5,"currency_code":"USD","in_stock":true},{"title":"Pack of 2","offer_id":48665301778587,"sku":"CQE-RC-04903","price":55.99,"currency_code":"USD","in_stock":true},{"title":"Pack of 4","offer_id":48665301811355,"sku":"CQE-RC-04904","price":109.99,"currency_code":"USD","in_stock":true},{"title":"Pack of 6","offer_id":48665301844123,"sku":"CQE-RC-04905","price":158.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0748\/1874\/8571\/files\/shower-filter-replacement-cartridge-crystal-quest-water-filter-cartridges-1219070209.webp?v=1780334864","url":"https:\/\/waterwellnessworks.com\/products\/shower-filter-replacement-cartridge","provider":"Water Wellness Works","version":"1.0","type":"link"}