Shower Filter Replacement Cartridge
:root { --crystal-quest-blue: #171796; --midnight-ocean: #0C0C4A; } /* Main Container */ .description-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; flex-direction: column; gap: 75px; padding-top: 60px; padding-bottom: 100px; } /* Section Styles */ .description-section { display: flex; flex-direction: column; gap: 25px; } .separator-line { display: block; height: 1px; width: 50%; background-color: #D0CFCD; margin: 0 auto; } /* Hero Section */ .hero-section { /* background: linear-gradient(to right, #f0f0f0 50%, white 50%); */ /* background-image: url('https://cdn.shopify.com/s/files/1/1286/9985/files/Luxury-Grade-Shower-Banner-Image-02.jpg?v=1770905303'); background-size: cover; background-repeat: no-repeat; */ border-radius: 20px; overflow: hidden; display: flex; align-items: center; height: auto; /* allow content to define height */ } .hero-section img { display: block; width: 100%; max-width: 100%; height: auto; /* keep aspect ratio and prevent stretching */ } .hero-content { flex: 1; padding: 60px; } .hero-title { font-size: 48px; font-weight: 700; color: var(--crystal-quest-blue); margin-bottom: 40px; line-height: 1.2; } .hero-quote { font-size: 14px; color: #6B7BCC; font-style: italic; } /* Benefits Section */ .benefits-section { display: flex; align-items: center; gap: 60px; /* background-image: url('https://cdn.shopify.com/s/files/1/1286/9985/files/Healthy-SkinandHair-Banner-Image-02.jpg?v=1770905303'); background-size: cover; background-repeat: no-repeat; */ border-radius: 20px; overflow: hidden; height: 400px; } .benefits-section img { width: 100%; } .benefits-content { flex: 1; padding: 60px; text-align: right; justify-content: end; /* background: linear-gradient(to right, white, #f8f9ff); */ max-width: 50%; margin: auto 0 auto auto; } .benefits-title { font-size: 42px; font-weight: 700; color: var(--crystal-quest-blue); margin-bottom: 30px; line-height: 1.2; } .benefits-description { font-size: 15px; color: #666; line-height: 1.8; } /* Features Section */ .features-section { display: flex; gap: 60px; align-items: center; flex-direction: row; } .features-content { flex: 1; } .features-title { font-size: 32px; font-weight: 700; color: var(--crystal-quest-blue); margin-bottom: 40px; line-height: 1.3; } .feature-item { margin-bottom: 35px; } .feature-item h3 { font-size: 18px; color: var(--midnight-ocean); margin-bottom: 10px; font-weight: 600; } .feature-item p { font-size: 14px; color: #666; line-height: 1.7; } .features-image { flex: 1; 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%);; height: 400px; border-radius: 20px; display: flex; align-items: center; justify-content: center; color: #999; overflow: hidden; } /* Materials Section */ .materials-section { background-color: white; border-radius: 20px; padding: 60px; } .materials-image { width: 100%; background-image: url('https://cdn.shopify.com/s/files/1/1286/9985/files/media_floating_in_water.jpg?v=1770834371'); background-size: cover; background-position: center; background-repeat: no-repeat; height: 250px; border-radius: 15px; margin-bottom: 40px; display: flex; align-items: center; justify-content: center; color: #999; } .materials-title { font-size: 24px; font-weight: 700; color: var(--crystal-quest-blue); margin-bottom: 40px; } .materials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; } .material-item { border-left: 1px solid #cecece; padding-left: 20px; } .material-item h4 { font-size: 16px; color: var(--midnight-ocean); margin-bottom: 12px; font-weight: 600; } .material-item p { font-size: 14px; color: #666; line-height: 1.7; } /* Help Section */ .help-section { display: flex; flex-direction: column; /* justify-content: center; */ text-align: center; padding: 60px 40px; background-color: white; border-radius: 20px; filter: drop-shadow(2px 4px 10px rgba(146, 146, 146, 0.25)); } .help-intro-text { max-width: 500px; margin: 0 auto; /* border: 1px solid orange; */ } .help-title { font-size: 36px; font-weight: 700; color: var(--crystal-quest-blue); margin-bottom: 20px; } .help-description { font-size: 15px; color: #666; margin-bottom: 50px; line-height: 1.6; } .help-options-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; /* margin-bottom: 80px; */ scroll-margin-top: 40px; } .help-option { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 35px 20px; text-align: center; color: inherit !important; box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.03); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; text-decoration: none; } .help-option:hover { border: 1px solid var(--crystal-quest-blue); box-shadow: 0 20px 25px -5px rgba(23, 23, 150, 0.1), 0 10px 10px -5px rgba(23, 23, 150, 0.02); } .help-icon { width: 50px; height: 50px; margin-bottom: 20px; /* background-color: #f0f0f0; */ border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--crystal-quest-blue); font-size: 24px; } .help-option h4 { font-size: 16px; color: #999; font-weight: 600; } .help-option p { font-size: 13px; color: #999; } /* SPECIFCATIONS SECTION */ .specs-section { display: flex; flex-direction: column; text-align: center; } .specs-content { display: flex; gap: 60px; flex-direction: row; align-items: center; justify-content: space-between; } .specs-product-image { /* 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%); */ height: 400px; max-width: 400px; border-radius: 20px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .specs-product-image img { width: 100%; height: auto; } /* STYLING FOR SPEC TABLES */ .spec-table { width: 100%; border-collapse: collapse; text-align: center; margin-bottom: 1em; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 8px rgba(227, 229, 230, 0.5); color: #93918D; border-color: red; ; } .spec-table th { background-color: rgb(23, 23, 150); color: white; padding: 1em; border: none !important; /** Remove Shopify default borders */ text-align: center !important; /** Remove Shopify default text alignment */ } .spec-table tr:nth-child(even) { background-color: #ebebeb; } .table-header-link { text-decoration: none; color: white; } .spec-table td { padding: 1em; border: none !important; /** Remove Shopify default borders */ text-align: center !important; /** Remove Shopify default text alignment */ } .spec-table td:first-child { color: var(--midnight-ocean); font-weight: 700; } .spec-table tr:first-child { border-radius: 20px 20px 0 0; } /* PARTS & COMPONENTS STYLEING */ .parts-section { display: flex; flex-direction: column; text-align: center; } .parts-content { display: flex; gap: 60px; flex-direction: row; align-items: center; justify-content: space-between; } /* .parts-product-image { height: 400px; max-width: 400px; border-radius: 20px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .parts-product-image img { width: 100%; height: auto; display: block !important; opacity: 1 !important; visibility: visible !important; } */ .parts-product-image { position: relative; width: 100%; } .parts-product-image img { width: 100%; height: auto; display: block !important; max-width: 100%; } /* Remove any potential background images */ .parts-product-image::before, .parts-product-image::after { display: none !important; } /* Add To Cart Btn */ .add-part-to-cart-btn { background-color: transparent; color: #101068; border-radius: 5px; border: 3px solid #101068; padding: .9em 1.5em; font-weight: 600; } .add-part-to-cart-btn:hover { cursor: pointer; background-color: #101068; color: white; } /* INSTALLATION INSTRUCTIONS STYLING */ .how-to-install-section { padding: 20px; text-align: center; } .how-to-install-content { display: flex; flex-direction: column; align-items: center; } .how-to-install-image { width: 100%; border-radius: 15px; } /* Responsive */ @media (max-width: 768px) { .description-container { gap: 25px; padding-top: 40px; } .hero-section, .benefits-section, .features-section { flex-direction: column; } .hero-section { height: auto; } .benefits-section { height: auto; } .benefits-title { font-size: 32px; } nav { gap: 20px; } .help-options { gap: 40px; } .features-section { flex-direction: column-reverse; gap: 20px; } .features-image { width: 100%; max-height: 200px; } .materials-section { width: 100%; padding: 20px; } .help-options-grid { grid-template-columns: 1fr 1fr; } /* Make the 3rd item span both columns so layout is 2 on top, 1 full-width below */ .help-options-grid .help-option:nth-child(3) { grid-column: 1 / -1; width: 100%; } .specs-content { flex-direction: column; gap: 30px; } .spec-table { font-size: .75em; /* border: 1px solid red; */ } .spec-table, thead, th , td, tr { display: block; } .spec-table tbody { display: block; width: 100%; } /* Hide table headers (but not display: none;, for accessibility) */ thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border: 1px solid #ccc; } td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } td:before { /* Now like a table header */ position: relative; /* Top/left values mimic padding */ top: 6px; left: 0px; width: 45%; padding: 20px 20px 20px 0; white-space: nowrap; } .how-to-install-section { padding: 0; } } Keep Your Shower FilterAt It's Maximum Efficiency Fresh Clean Water Crystal Quest's shower filter removes chlorine, chloramines, VOCs, THMs, pesticides, sulfur, hydrogen sulfide, dirt, sediment and other agents. pH Balanced Granulated Activated Carbon, Activated Carbon ERA 6500 & 9500, and Ceramic media not only filter your water but also balance the pH levels. Stress Free Replacement Opt for a subscription based replacements every 6-12 months and never let your cartridges run too long after their limit. What's inside: Granulated Activated Carbon (GAC) Charred coconut shells create GAC to absorb chlorine, chloramines, and organic compounds. ERA Technology A specialty mix of ERA 6500 & 9500 are used to disinfect and prevent mineral scale while removing heavy metals. Ceramic Orbs Naturally sourced ceramic orbs add minerals to the water enhancing alkalinity and chlorination. Need Help? Our water filtration experts are here to help answer any questions you may have, or help you find the perfect solution for your home's specific needs. Call Our Experts (800) 934-9464 Email Support [email protected] Create a Ticket Submit a detailed request ### Shower Filter Cartridge Specifications Specification CQE-CO-02039 Dimension 2.25” x 3” / 57.15mm x 76.2mm Flow Rate 2 gpm / 7.6 lpm Capacity 6 - 12 months Build Molded ABS Cylinder Filter Screens 306 Stainless Steel ### Compatible Shower Filter Products Can Be Used With: Shower Filter $40.95 Handheld Shower Filter $61.95 2-in-1 Handheld and Shower Head Combo Filter $79.95 2-in-1 Combo Shower Filter and Bath Ball® Bundle $203.90 O-Ring Pack - Shower Filter (replacement part for shower filter) $6.95 ### How to Install & Replace Your Shower Filter Cartridge Can't Find What You're Looking For? Our water filtration experts are here to help answer any questions you may have, or help you find the perfect solution for your home's specific needs. Call Our Experts (800) 934-9464 Email Support [email protected] Create a Ticket Submit a detailed request
More you might like
Related
20 Stage Shower Filter - Replacement Cartridge Shower Head F
Related
AQUA CREST Shower Filter Replacement for JOLIE® FILTERED SHO
Related
Brita Replacement Shower Filter Cartridge (1 Filter)
Related