{"product_id":"the-showert","title":"The ShowerT","description":"\u003cp class=\"font-claude-response-body break-words whitespace-normal\"\u003e\u003cspan style=\"color: rgb(21, 83, 152);\"\u003eShowerT turns your shower into softer, cleaner water — for calmer skin, shinier hair, better showers. 5-stage filtration reduces chlorine, metals and impurities. Fits any UK hose in under a minute — no tools, no plumber.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal\"\u003e\u003cspan style=\"color: rgb(21, 83, 152);\"\u003e🚿 5-Stage Filtration – KDF-55, calcium sulphite, carbon \u0026amp; Vitamin C\u003c\/span\u003e\u003cbr\u003e\u003cspan style=\"color: rgb(21, 83, 152);\"\u003e💧 Less chlorine, less dryness\u003c\/span\u003e\u003cbr\u003e\u003cspan style=\"color: rgb(21, 83, 152);\"\u003e🌀 5 Pressure Settings – mist to full-power rinse\u003c\/span\u003e\u003cbr\u003e\u003cspan style=\"color: rgb(21, 83, 152);\"\u003e⏱️ Fits in 1 Minute\u003c\/span\u003e\u003cbr\u003e\u003cspan style=\"color: rgb(21, 83, 152);\"\u003e🔄 Filter lasts up to 3 months\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(21, 83, 152);\"\u003e\u003c!-- Plan State Toggler Script --\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n \/* ==========================================\n     GLOBAL WRAPPER STYLE (Milky Plant Aesthetic)\n     ========================================== *\/\n  .st-pdp-main-wrapper {\n    background-color: #F6E9E1; \/* Oat Brand Color *\/\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    padding: 32px 16px;\n    box-sizing: border-box;\n    width: 100%;\n    color: #1C5597; \/* Wheat Brand Color *\/\n  }\n\n  .st-section {\n    max-width: 1200px;\n    margin: 0 auto 52px auto;\n    box-sizing: border-box;\n  }\n\n  .st-section:last-child {\n    margin-bottom: 0;\n  }\n\n  .st-section-header {\n    text-align: center;\n    margin-bottom: 28px;\n  }\n\n  .st-section-title {\n    color: #1C5597;\n    font-size: clamp(24px,2.5vw,36px);\n    font-weight: 800;\n    margin: 0 0 6px 0;\n    letter-spacing: -0.02em;\n  }\n\n  .st-section-subtitle {\n    color: #556E8A;\n    font-size: 14px;\n    margin: 0;\n  }\n\n  \/* ==========================================\n     BUY BOX \u0026 SUBSCRIBE \u0026 SAVE STYLES\n     ========================================== *\/\n  .st-buy-box-section {\n    max-width: 1200px;\n    margin: 0 auto 48px auto;\n    box-sizing: border-box;\n  }\n\n  .st-buy-box-card {\n    background-color: #FFFFFF;\n    border-radius: 20px;\n    border: 1px solid #EAD8CE;\n    padding: 24px;\n    box-shadow: 0 4px 20px rgba(28, 85, 151, 0.04);\n  }\n\n  .st-plan-header {\n    margin-bottom: 20px;\n  }\n\n  .st-plan-step-title {\n    font-size: 20px;\n    font-weight: 700;\n    color: #1C5597;\n    margin: 0 0 4px 0;\n    letter-spacing: -0.01em;\n  }\n\n  .st-plan-step-subtitle {\n    font-size: 13.5px;\n    color: #556E8A;\n    margin: 0;\n  }\n\n  .st-plan-step-subtitle strong {\n    color: #1C5597;\n    font-weight: 700;\n  }\n\n  \/* Plan Option Cards List *\/\n  .st-plans-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin-bottom: 20px;\n  }\n\n  .st-plan-option {\n    display: block;\n    cursor: pointer;\n    background-color: #FAF6F2;\n    border: 1.5px solid #EAD8CE;\n    border-radius: 14px;\n    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n\n  \/* Plan Active Selection Styling *\/\n  .st-plan-option.active {\n    background-color: #E8E0F5; \/* Matches Lilac Pastel tone *\/\n    border-color: #1C5597; \/* Solid brand wheat outline *\/\n    box-shadow: 0 4px 12px rgba(28, 85, 151, 0.06);\n  }\n\n  .st-hidden-radio {\n    display: none !important;\n  }\n\n  .st-plan-inner {\n    padding: 18px;\n  }\n\n  .st-plan-row-top {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 12px;\n  }\n\n  .st-plan-name-wrap {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .st-plan-name {\n    font-size: 15px;\n    font-weight: 700;\n    color: #1C5597;\n  }\n\n  .st-plan-badges-price {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  \/* Rounded Badges *\/\n  .st-badge {\n    font-size: 10px;\n    font-weight: 700;\n    padding: 4px 10px;\n    border-radius: 9999px;\n    text-transform: uppercase;\n    letter-spacing: 0.02em;\n  }\n\n  .st-badge-discount {\n    background-color: #FFFFFF;\n    color: #1C5597;\n    border: 1px solid #1C5597;\n  }\n\n  .st-badge-value {\n    background-color: #D3F5DF;\n    color: #15803d;\n    font-size: 9px;\n  }\n\n  \/* Custom Clean Radio Circles *\/\n  .st-radio-circle {\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    border: 1.5px solid #1C5597;\n    background-color: #FFFFFF;\n    position: relative;\n    box-sizing: border-box;\n  }\n\n  .st-radio-circle.checked::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background-color: #1C5597;\n  }\n\n  .st-plan-row-bottom {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n  }\n\n  .st-plan-bullets {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .st-plan-bullets li {\n    font-size: 12px;\n    color: #556E8A;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    line-height: 1.2;\n  }\n\n  \/* Inline Purple Sparkle SVG Icon *\/\n  .st-bullet-icon {\n    width: 10px;\n    height: 10px;\n    color: #9061F9; \/* Beautiful Lavender accent matching Milky aesthetics *\/\n    flex-shrink: 0;\n  }\n\n  .st-plan-pricing {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n  }\n\n  .st-price-old {\n    font-size: 12.5px;\n    text-decoration: line-through;\n    color: #A0B2C6;\n    font-weight: 500;\n    line-height: 1;\n    margin-bottom: 4px;\n  }\n\n  .st-price-current {\n    font-size: 18px;\n    font-weight: 700;\n    color: #1C5597;\n    line-height: 1;\n  }\n\n  \/* Crown\/Award Ribbon Badging *\/\n  .st-awards-badge {\n    font-size: 12.5px;\n    font-weight: 600;\n    color: #556E8A;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 18px;\n  }\n\n  .st-crown-icon {\n    width: 14px;\n    height: 14px;\n    color: #D4AF37; \/* Clean Gold highlight *\/\n  }\n\n  \/* Checkout Call to Action button *\/\n  .st-add-to-cart-btn {\n    width: 100%;\n    background-color: #1C5597;\n    color: #FFFFFF;\n    border: none;\n    border-radius: 14px;\n    padding: 18px;\n    font-size: 16px;\n    font-weight: 700;\n    cursor: pointer;\n    box-shadow: 0 4px 14px rgba(28, 85, 151, 0.15);\n    transition: background-color 0.2s ease;\n    margin-bottom: 24px;\n    text-align: center;\n    display: block;\n    box-sizing: border-box;\n  }\n\n  .st-add-to-cart-btn:hover {\n    background-color: #154278;\n  }\n   \/* ==========================================\n     BUY BOX DIRECT INTEGRATED TRUST BAR (Milky Plant)\n     ========================================== *\/\n  .st-buybox-trust-bar {\n    background-color: #F6E9E1;\n    border: 1px solid #EAD8CE;\n    border-radius: 14px;\n    padding: 12px 14px;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .st-trust-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 8px;\n  }\n\n  .st-trust-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    box-sizing: border-box;\n  }\n\n  .st-trust-circle {\n    width: 28px;\n    height: 28px;\n    min-width: 28px;\n    border-radius: 50%;\n    background-color: #FFFFFF;\n    border: 1px solid #F1E5D5;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .st-trust-circle svg {\n    width: 14px;\n    height: 14px;\n    color: #1C5597;\n  }\n\n  .st-trust-texts {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .st-trust-title {\n    font-size: 10.5px;\n    font-weight: 700;\n    color: #1C5597;\n    line-height: 1.1;\n  }\n\n  .st-trust-subtitle {\n    font-size: 8.5px;\n    color: #556E8A;\n    margin-top: 1px;\n    line-height: 1;\n  }\n\n  \/* ==========================================\n     STEP CARDS (FITS IN 1 MIN)\n     ========================================== *\/\n  .st-steps-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n  }\n\n  .st-step-card {\n    background-color: #FFFFFF;\n    border-radius: 16px;\n    padding: 24px 16px;\n    text-align: center;\n    box-shadow: 0 4px 12px rgba(28, 85, 151, 0.03);\n    border: 1px solid #EAD8CE;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    box-sizing: border-box;\n  }\n\n  .st-step-graphic {\n    height: 90px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 16px;\n  }\n\n  .st-step-graphic svg {\n    width: 48px;\n    height: 48px;\n    color: #1C5597;\n  }\n\n  .st-step-badge {\n    background-color: #1C5597;\n    color: #FFFFFF;\n    font-size: 11px;\n    font-weight: 700;\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 10px;\n  }\n\n  .st-step-title {\n    font-size: 13.5px;\n    font-weight: 700;\n    color: #1C5597;\n    margin: 0 0 4px 0;\n  }\n\n  .st-step-desc {\n    font-size: 11.5px;\n    color: #556E8A;\n    line-height: 1.45;\n    margin: 0;\n  }\n\n  \/* ==========================================\n     SPRAY MODES GRID (5 CLEAN COLUMNS)\n     ========================================== *\/\n  .st-modes-grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 10px;\n  }\n\n  .st-mode-card {\n    background-color: #FFFFFF;\n    border-radius: 12px;\n    overflow: hidden;\n    border: 1px solid #EAD8CE;\n    box-shadow: 0 4px 10px rgba(28, 85, 151, 0.02);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    box-sizing: border-box;\n  }\n\n  .st-mode-visual {\n    width: 100%;\n    height: 80px;\n    background-color: #FAF6F2;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-bottom: 1px solid #EAD8CE;\n  }\n\n  .st-mode-visual svg {\n    width: 38px;\n    height: 38px;\n    color: #1C5597;\n  }\n\n  .st-mode-content {\n    padding: 10px 6px;\n    text-align: center;\n  }\n\n  .st-mode-title {\n    font-size: 12px;\n    font-weight: 700;\n    color: #1C5597;\n    margin: 0 0 2px 0;\n  }\n\n  .st-mode-desc {\n    font-size: 10px;\n    color: #556E8A;\n    line-height: 1.3;\n    margin: 0;\n  }\n    \/* ==========================================\n     WHAT'S IN WATER GRID\n     ========================================== *\/\n  .st-pollutants-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n    margin-bottom: 18px;\n  }\n\n  .st-pollutant-card {\n    background-color: #FFFFFF;\n    border-radius: 12px;\n    padding: 16px 10px;\n    text-align: center;\n    border: 1px solid #EAD8CE;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .st-pollutant-icon {\n    height: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 8px;\n  }\n\n  .st-pollutant-icon svg {\n    width: 32px;\n    height: 32px;\n    color: #1C5597;\n  }\n.st-pollutant-title {\n    font-size: 12px;\n    font-weight: 700;\n    color: #1C5597;\n    margin: 0 0 4px 0;\n  }\n\n  .st-pollutant-desc {\n    font-size: 10.5px;\n    color: #556E8A;\n    line-height: 1.35;\n    margin: 0;\n  }\n\n  \/* ==========================================\n     CALLOUT BANNER\n     ========================================== *\/\n  .st-callout {\n    background-color: #E8E0F5;\n    border-radius: 14px;\n    padding: 18px 24px;\n    text-align: center;\n    border: 1px solid #D7CDE6;\n  }\n\n  .st-callout-title {\n    font-size: 14px;\n    font-weight: 700;\n    color: #1C5597;\n    margin: 0 0 6px 0;\n  }\n\n  .st-callout-desc {\n    font-size: 11.5px;\n    color: #4C5361;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  \/* ==========================================\n     HOW IT WORKS DIAGRAM SECTION\n     ========================================== *\/\n  .st-filtration-system {\n    display: flex;\n    gap: 28px;\n    align-items: center;\n    background-color: #FFFFFF;\n    border: 1px solid #EAD8CE;\n    border-radius: 20px;\n    padding: 24px;\n    box-sizing: border-box;\n  }\n\n  .st-cartridge-visual-column {\n    flex-shrink: 0;\n    width: 140px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .st-cartridge-cap {\n    width: 80%;\n    background-color: #1C5597;\n    color: #FFFFFF;\n    text-align: center;\n    font-size: 10px;\n    font-weight: 700;\n    padding: 6px;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    border-radius: 8px 8px 0 0;\n  }\n\n  .st-cartridge-cap.cap-bottom {\n    border-radius: 0 0 8px 8px;\n  }\n\n  .st-cartridge-layer {\n    width: 100%;\n    height: 48px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    border-left: 2px solid #EAD8CE;\n    border-right: 2px solid #EAD8CE;\n    position: relative;\n    box-sizing: border-box;\n    border-bottom: 1px dashed rgba(28, 85, 151, 0.15);\n  }\n\n  .layer-1 { background: linear-gradient(180deg, #E6F0FF 0%, #CCDFFF 100%); }\n  .layer-2 { background: linear-gradient(180deg, #FFF7F2 0%, #FFEBE0 100%); }\n  .layer-3 { background: linear-gradient(180deg, #F0F0F0 0%, #DCDCDC 100%); }\n  .layer-4 { background: linear-gradient(180deg, #FFFDEB 0%, #FFFBC7 100%); }\n  .layer-5 { background: linear-gradient(180deg, #ECFAF1 0%, #D3F5DF 100%); }\n\n  .st-layer-badge {\n    position: absolute;\n    top: 4px;\n    left: 4px;\n    width: 14px;\n    height: 14px;\n    background-color: #1C5597;\n    color: #FFFFFF;\n    border-radius: 50%;\n    font-size: 9px;\n    font-weight: 800;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .st-layer-label {\n    font-size: 10px;\n    font-weight: 700;\n    color: #1C5597;\n    text-align: center;\n    line-height: 1.1;\n  }\n\n  .st-cartridge-details {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .st-detail-row {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n  }\n\n  .st-detail-num {\n    background-color: #1C5597;\n    color: #FFFFFF;\n    font-size: 10px;\n    font-weight: 700;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-top: 2px;\n  }\n\n  .st-detail-title {\n    font-size: 12.5px;\n    font-weight: 700;\n    color: #1C5597;\n    margin: 0 0 2px 0;\n  }\n\n  .st-detail-desc {\n    font-size: 11px;\n    color: #556E8A;\n    line-height: 1.45;\n    margin: 0;\n  }\n\n  .st-tip-bar {\n    margin-top: 14px;\n    text-align: center;\n    background-color: #FFFFFF;\n    border-radius: 12px;\n    padding: 14px;\n    font-size: 11.5px;\n    color: #1C5597;\n    border: 1px solid #EAD8CE;\n  }\n\n  .st-tip-badge {\n    background-color: #E8E0F5;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-weight: 700;\n    font-size: 10px;\n    margin-right: 4px;\n  }\n   \/* ==========================================\n     ACCORDION FAQ SECTION\n     ========================================== *\/\n  .st-faq-accordion {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .st-faq-item {\n    background-color: #FFFFFF;\n    border-radius: 12px;\n    border: 1px solid #EAD8CE;\n    overflow: hidden;\n  }\n\n  .st-faq-summary {\n    font-size: 13.5px;\n    font-weight: 700;\n    color: #1C5597;\n    padding: 16px;\n    cursor: pointer;\n    list-style: none;\n    position: relative;\n    outline: none;\n    user-select: none;\n  }\n\n  .st-faq-summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .st-faq-summary .st-faq-arrow {\n    position: absolute;\n    right: 18px;\n    top: 50%;\n    transform: translateY(-50%) rotate(0deg);\n    width: 10px;\n    height: 6px;\n    border-left: 2px solid #1C5597;\n    border-bottom: 2px solid #1C5597;\n    transform: translateY(-60%) rotate(-45deg);\n    transition: transform 0.2s ease;\n  }\n\n  .st-faq-item[open] .st-faq-summary .st-faq-arrow {\n    transform: translateY(-30%) rotate(135deg);\n  }\n\n  .st-faq-content {\n    padding: 0 16px 16px 16px;\n    border-top: 1px solid #FAF6F2;\n  }\n\n  .st-faq-content p {\n    font-size: 12.5px;\n    color: #556E8A;\n    line-height: 1.6;\n    margin: 0;\n  }\n\n  \/* ==========================================\n     MOBILE RESPONSIVE BREAKPOINTS\n     ========================================== *\/\n  @media (max-width: 768px) {\n    .st-pdp-main-wrapper {\n      padding: 24px 12px;\n    }\n\n    .st-buy-box-card {\n      padding: 16px;\n    }\n\n    .st-plan-inner {\n      padding: 14px;\n    }\n\n    .st-plan-row-bottom {\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 12px;\n    }\n\n    .st-plan-pricing {\n      align-items: flex-start;\n      margin-top: 4px;\n    }\n\n    \/* Trust Bar Grid Mobile (Wraps smoothly to 2 columns on mobile devices) *\/\n    .st-trust-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 12px 8px;\n    }\n\n    .st-steps-grid {\n      grid-template-columns: 1fr;\n      gap: 12px;\n    }\n\n    .st-step-card {\n      padding: 18px;\n    }\n\n    .st-modes-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 8px;\n    }\n\n    \/* Wrap the 5th element onto its own wide block in mobile so there's no uneven column *\/\n    .st-modes-grid .st-mode-card:last-child {\n      grid-column: span 2;\n    }\n\n    .st-pollutants-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 8px;\n    }\n\n    .st-filtration-system {\n      flex-direction: column;\n      gap: 20px;\n      padding: 16px;\n    }\n\n    .st-cartridge-visual-column {\n      width: 100%;\n      max-width: 200px;\n    }\n  }\n\n\/* Desktop enhancements *\/\n@media (min-width:1024px){\n.st-buy-box-card{padding:40px;}\n.st-plan-inner{padding:24px;}\n.st-section{margin-bottom:90px;}\n.st-plan-step-title{font-size:28px;}\n.st-section-subtitle{font-size:18px;}\n.st-trust-grid{gap:20px;}\n.st-trust-title{font-size:14px;}\n.st-trust-subtitle{font-size:12px;}\n.st-step-title{font-size:18px;}\n.st-step-desc,.st-detail-desc,.st-callout-desc{font-size:15px;}\n.st-filtration-system{gap:60px;padding:40px;align-items:flex-start;}\n.st-cartridge-visual-column{width:220px;}\n.st-cartridge-details{flex:1;}\n.st-mode-visual{height:120px;}\n.st-mode-visual svg{width:56px;height:56px;}\n.st-pollutant-icon svg,.st-step-graphic svg{width:64px;height:64px;}\n}\n\n\u003c\/style\u003e","brand":"milkyplant","offers":[{"title":"Silver","offer_id":57190425624951,"sku":"SHT001","price":79.99,"currency_code":"GBP","in_stock":true},{"title":"Space Grey","offer_id":57190425657719,"sku":"SHT002","price":79.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0558\/2114\/0134\/files\/hf_20260617_164710_92ee2580-7d0d-45e3-aefd-2f7c5da92787.png?v=1781715569","url":"https:\/\/milkyplant.com\/products\/the-showert","provider":"milkyplant","version":"1.0","type":"link"}