Portable RO Water Purifier System - US - Replacement RO Filter Only

Descrizione

.pw-ro-system-guide { --pw-blue: #036aff; --pw-blue-dark: #0056d6; --pw-text: #172033; --pw-muted: #5f6b7a; --pw-border: #dbe8f7; --pw-soft: #eef6ff; --pw-light: #f7fbff; --pw-card: #ffffff; width: 100%; padding: 36px 16px; background: linear-gradient( 135deg, #eef6ff 0%, #ffffff 52%, #f3f8ff 100% ); font-family: Arial, Helvetica, sans-serif; color: var(--pw-text); box-sizing: border-box; } .pw-ro-system-guide * { box-sizing: border-box; } .pw-ro-system-wrap { max-width: 1180px; margin: 0 auto; } .pw-ro-section { margin-bottom: 24px; background: rgba(255, 255, 255, 0.95); border: 1px solid var(--pw-border); border-radius: 24px; overflow: hidden; box-shadow: 0 12px 34px rgba(23, 32, 51, 0.05); } .pw-ro-section:last-child { margin-bottom: 0; } .pw-ro-section-title { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 22px 24px; background: linear-gradient( 90deg, rgba(3, 106, 255, 0.1), rgba(3, 106, 255, 0.03) ); border-bottom: 1px solid var(--pw-border); } .pw-ro-section-title h3 { margin: 0; font-size: 22px; line-height: 1.3; color: var(--pw-text); } .pw-ro-section-title > span { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 9px; border-radius: 12px; background: var(--pw-blue); color: #ffffff; font-size: 14px; line-height: 1; font-weight: 800; } .pw-ro-overview-grid, .pw-ro-filter-grid, .pw-ro-metrics-grid, .pw-ro-display-grid, .pw-ro-control-grid, .pw-ro-use-grid { display: grid; gap: 14px; padding: 24px; } .pw-ro-overview-grid, .pw-ro-metrics-grid, .pw-ro-display-grid, .pw-ro-use-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .pw-ro-filter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .pw-ro-control-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); padding-top: 0; } .pw-ro-card, .pw-ro-filter-card, .pw-ro-metric-card, .pw-ro-display-card, .pw-ro-control-card, .pw-ro-use-card { position: relative; padding: 18px; border: 1px solid var(--pw-border); border-radius: 18px; background: #ffffff; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; } .pw-ro-card:hover, .pw-ro-filter-card:hover, .pw-ro-metric-card:hover, .pw-ro-display-card:hover, .pw-ro-control-card:hover, .pw-ro-use-card:hover { transform: translateY(-3px); border-color: #bfd9fb; box-shadow: 0 12px 26px rgba(3, 106, 255, 0.08); } .pw-ro-card > span, .pw-ro-filter-card > span, .pw-ro-metric-card > span, .pw-ro-display-card > span, .pw-ro-control-card > span { display: block; margin-bottom: 8px; color: var(--pw-muted); font-size: 12px; line-height: 1.3; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; } .pw-ro-card strong, .pw-ro-filter-card strong, .pw-ro-metric-card strong, .pw-ro-display-card strong, .pw-ro-control-card strong, .pw-ro-use-card strong { display: block; color: var(--pw-text); font-size: 16px; line-height: 1.45; font-weight: 800; } .pw-ro-card p, .pw-ro-filter-card p, .pw-ro-metric-card p, .pw-ro-display-card p, .pw-ro-control-card p, .pw-ro-use-card p { margin: 8px 0 0; color: var(--pw-muted); font-size: 13px; line-height: 1.6; } .pw-ro-primary { background: linear-gradient(135deg, #036aff 0%, #2088ff 100%); border-color: var(--pw-blue); } .pw-ro-primary > span, .pw-ro-primary strong, .pw-ro-primary p { color: #ffffff; } .pw-ro-intro { padding: 24px 24px 0; } .pw-ro-intro-box { padding: 20px; border: 1px solid #dcecff; border-radius: 20px; background: var(--pw-soft); } .pw-ro-intro-box h4 { margin: 0 0 10px; color: var(--pw-text); font-size: 19px; line-height: 1.35; } .pw-ro-intro-box p { margin: 0; color: var(--pw-muted); font-size: 15px; line-height: 1.65; } .pw-ro-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; } .pw-ro-tags span { display: inline-block; padding: 6px 9px; border-radius: 999px; background: var(--pw-soft); color: var(--pw-blue); font-size: 12px; line-height: 1.2; font-weight: 800; } .pw-ro-primary .pw-ro-tags span { background: rgba(255, 255, 255, 0.96); color: var(--pw-blue); } .pw-ro-filter-life { display: inline-flex; align-items: center; margin-top: 14px; padding: 8px 11px; border-radius: 10px; background: #f4f9ff; color: var(--pw-blue); font-size: 12px; line-height: 1.3; font-weight: 800; } .pw-ro-primary .pw-ro-filter-life { background: rgba(255, 255, 255, 0.95); color: var(--pw-blue); } .pw-ro-display-icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin-bottom: 13px; border-radius: 12px; background: var(--pw-soft); color: var(--pw-blue); font-size: 17px; font-weight: 800; } .pw-ro-control-card { text-align: center; } .pw-ro-control-action { display: inline-flex; align-items: center; justify-content: center; min-width: 68px; min-height: 34px; margin-bottom: 12px; padding: 7px 12px; border-radius: 999px; background: var(--pw-soft); color: var(--pw-blue); font-size: 12px; line-height: 1.2; font-weight: 800; } .pw-ro-use-card { padding-top: 20px; } .pw-ro-use