Clear Protein Hydration
.rp { --rp-blue: #1E64F0; --rp-navy: #142850; --rp-blue-300: #B1C7F5; --rp-white: #FCFAFA; --rp-sedona: #FF8C78; /* icon/decoration accent only — never text, per brand guidelines * / --rp-blue-tint: rgba(30, 100, 240, 0.07); --rp-paper: rgba(20, 40, 80, 0.045); --rp-font-display: "Feature Display", "Times New Roman", serif; --rp-font-sans: "Haffer XH", -apple-system, "Helvetica Neue", Arial, sans-serif; --rp-font-mono: "Cartograph CF", ui-monospace, "SFMono-Regular", Menlo, monospace; background: var(--rp-white); color: var(--rp-navy); font-family: var(--rp-font-sans); max-width: 1200px; margin: 0 auto; padding: 0 24px; } .rp * { box-sizing: border-box; } .rp em, .rp i { font-family: var(--rp-font-display); font-style: italic; } .rp-eyebrow { display:block; font-family: var(--rp-font-mono); font-weight:700; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color: var(--rp-blue); } .rp-eyebrow--light { color: var(--rp-blue-300); } .rp-h2 { font-family: var(--rp-font-sans); font-weight:300; font-size:40px; line-height:1.08; letter-spacing:-0.02em; color: var(--rp-navy); margin:14px 0 28px; max-width:640px; } .rp-block { padding: 64px 0 0; } .rp-block:first-child { padding-top: 56px; } /* ---------- Product Details ---------- */ .rp-desc { font-size:19px; line-height:1.45; color: var(--rp-navy); margin:16px 0 0; max-width:800px; } .rp-desc sup { font-size:0.6em; font-weight:700; color: var(--rp-blue); margin-left:1px; } .rp-pills { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0 0; } .rp-pill { display:inline-flex; align-items:center; gap:9px; padding:9px 14px; border-radius:8px; background: var(--rp-blue-tint); font-family: var(--rp-font-mono); font-weight:700; font-size:11px; letter-spacing:0.06em; text-transform:uppercase; color: var(--rp-blue); } .rp-pill svg { width:18px; height:18px; flex:none; } /* ---------- What's Inside ---------- */ .rp-inside-grid { display:grid; grid-template-columns:1.15fr 0.85fr; gap:36px; align-items:start; } .rp-ingredients { display:flex; flex-direction:column; gap:16px; } .rp-ingredient { padding:26px 28px; border-radius:14px; border:1px solid var(--rp-blue-300); display:grid; grid-template-columns:auto 1fr; gap:4px 20px; align-items:baseline; } .rp-ingredient__name { font-size:21px; font-weight:400; color: var(--rp-navy); } .rp-ingredient__dose { font-family: var(--rp-font-display); font-size:24px; font-weight:300; color: var(--rp-blue); text-align:right; white-space:nowrap; } .rp-ingredient__desc { grid-column:1 / 3; font-size:16px; line-height:1.35; color:#3A4A66; } .rp-ingredient__desc sup { font-size:0.62em; font-weight:700; color: var(--rp-blue); margin-left:1px; } .rp-facts { border:2px solid var(--rp-navy); background:#fff; padding:16px 18px; color: var(--rp-navy); } .rp-facts__title { font-size:24px; font-weight:600; letter-spacing:-0.02em; padding-bottom:5px; border-bottom:6px solid var(--rp-navy); } .rp-facts__serving { font-size:13px; padding:6px 0 3px; } .rp-facts__servings { font-size:13px; padding:0 0 6px; border-bottom:6px solid var(--rp-navy); } .rp-facts__amount { font-size:12px; font-weight:600; padding:6px 0 0; } .rp-facts__calories { display:flex; justify-content:space-between; align-items:baseline; font-size:28px; font-weight:700; letter-spacing:-0.02em; padding:1px 0 6px; border-bottom:6px solid var(--rp-navy); } .rp-facts__dv { display:flex; justify-content:flex-end; font-size:12px; font-weight:700; padding:5px 0; border-bottom:1px solid var(--rp-navy); } .rp-facts__row { display:flex; justify-content:space-between; align-items:baseline; gap:12px; font-size:13px; padding:6px 0; border-bottom:1px solid var(--rp-navy); } .rp-facts__row:last-of-type { border-bottom:4px solid var(--rp-navy); } .rp-facts__row strong { font-weight:600; } .rp-facts__row span:last-child { white-space:nowrap; } .rp-facts__foot { font-size:11px; line-height:1.4; margin:6px 0 0; } .rp-other-ingredients { font-size:13px; line-height:1.5; color:#5A6B86; margin:14px 0 0; } .rp-other-ingredients strong { color: var(--rp-navy); font-weight:600; } /* ---------- Potential Benefits ---------- */ .rp-benefits-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; } .rp-benefit { padding:26px 28px; border-radius:14px; background: var(--rp-paper); font-size:18px; line-height:1.32; letter-spacing:-0.01em; color: var(--rp-navy); } .rp-benefit sup { font-size:0.62em; font-weight:700; color: var(--rp-blue); margin-left:2px; } /* ---------- How to Use ---------- */ .rp-howto { margin:64px 0 0; display:grid; grid-template-columns:1fr 1fr; align-items:stretch; background: var(--rp-blue); border-radius:32px; overflow:hidden; height:410px; } .rp-howto__text { padding:56px 48px; display:flex; flex-direction:column; justify-content:center; } .rp-howto__headline { font-family: var(--rp-font-display); font-weight:300; font-size:38px; line-height:1.04; letter-spacing:-0.02em; color: var(--rp-white); margin:12px 0 0; } .rp-howto__body { font-size:17px; line-height:1.4; color: var(--rp-white); opacity:0.9; margin:14px 0 0; max-width:400px; } .rp-howto__image { position:relative; overflow:hidden; background: var(--rp-white); display:flex; align-items:center; justify-content:center; } .rp-howto__image img { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center; transform:scale(1.05); margin:0 !important; display:block; } .rp-howto__placeholder { font-family: var(--rp-font-mono); font-weight:700; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color: var(--rp-navy); opacity:0.45; text-align:center; padding:0 24px; line-height:1.7; } /* ---------- FAQ ---------- */ .rp-faq-item { border-top:1px solid var(--rp-blue-300); padding:20px 0; } .rp-faq-item:last-of-type { border-bottom:1px solid var(--rp-blue-300); } .rp-faq-item summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:20px; } .rp-faq-item summary::-webkit-details-marker { display:none; } .rp-faq-q { font-size:20px; font-weight:400; letter-spacing:-0.02em; color: var(--rp-navy); } .rp-faq-plus { flex:none; width:18px; height:18px; position:relative; transition:transform 250ms cubic-bezier(.22,1,.36,1); } .rp-faq-plus::before, .rp-faq-plus::after { content:""; position:absolute; background: var(--rp-blue); } .rp-faq-plus::before { top:8px; left:0; width:18px; height:2px; } .rp-faq-plus::after { left:8px; top:0; width:2px; height:18px; } .rp-faq-item[open] .rp-faq-plus { transform:rotate(45deg); } .rp-faq-a { font-size:16px; line-height:1.45; color:#3A4A66; margin:14px 0 0; max-width:720px; } .rp-faq-a sup { font-size:0.6em; font-weight:700; color: var(--rp-blue); margin-left:1px; } /* ---------- References ---------- */ .rp-refs-list { margin:18px 0 0; padding-left:22px; display:flex; flex-direction:column; gap:10px; } .rp-refs-list li { font-size:13px; line-height:1.5; color:#5A6B86; } .rp-refs-list a { color: var(--rp-blue); text-decoration:underline; } .rp-refs-note { font-size:12px; line-height:1.5; color:#98A3B8; margin:16px 0 0; } /* ---------- Warnings / Disclaimer ---------- */ .rp-warnings-box { padding:24px 28px; border-radius:14px; background: var(--rp-paper); } .rp-warnings-box p { font-size:13px; line-height:1.5; color:#5A6B86; margin:0; } .rp-warnings-box p + p { margin-top:12px; } .rp-warnings-box strong { color: var(--rp-navy); font-weight:600; } /* ---------- Mobile ---------- */ @media (max-width: 749px) { .rp { padding:0 18px; } .rp-block { padding-top:48px; } .rp-h2 { font-size:30px; margin-bottom:20px; } .rp-inside-grid { grid-template-columns:1fr; gap:28px; } .rp-benefits-grid { grid-template-columns:1fr; } .rp-howto { grid-template-columns:1fr; border-radius:24px; height:auto; } .rp-howto__text { padding:36px 24px; } .rp-howto__image { height:360px; } .rp-howto__headline { font-size:30px; } .rp-pills { gap:8px; } } /* ---------- Theme RTE color guard ---------- The theme's .rte container repaints descendant text with its own color at a specificity that beats plain classes. These rules re-assert the component's colors; ".rp " + !important wins. Colors only. */ .rp .rp-eyebrow { color: var(--rp-blue) !important; } .rp .rp-eyebrow--light { color: var(--rp-blue-300) !important; } .rp .rp-h2 { color: var(--rp-navy) !important; } .rp .rp-desc { color: var(--rp-navy) !important; } .rp .rp-desc sup { color: var(--rp-blue) !important; } .rp .rp-pill { color: var(--rp-blue) !important; } .rp .rp-ingredient__name { color: var(--rp-navy) !important; } .rp .rp-ingredient__dose { color: var(--rp-blue) !important; } .rp .rp-ingredient__desc { color:#3A4A66 !important; } .rp .rp-ingredient__desc sup { color: var(--rp-blue) !important; } .rp .rp-facts, .rp .rp-facts__title, .rp .rp-facts__serving, .rp .rp-facts__servings, .rp .rp-facts__amount, .rp .rp-facts__calories, .rp .rp-facts__calories span, .rp .rp-facts__dv, .rp .rp-facts__row, .rp .rp-facts__row span, .rp .rp-facts__row strong, .rp .rp-facts__foot { color: var(--rp-navy) !important; } .rp .rp-other-ingredients { color:#5A6B86 !important; } .rp .rp-other-ingredients strong { color: var(--rp-navy) !important; } .rp .rp-benefit { color: var(--rp-navy) !important; } .rp .rp-benefit sup { color: var(--rp-blue) !important; } .rp .rp-howto__headline { color: var(--rp-white) !important; } .rp .rp-howto__body { color: var(--rp-white) !important; } .rp .rp-howto__placeholder { color: var(--rp-navy) !important; } .rp .rp-faq-q { color: var(--rp-navy) !important; } .rp .rp-faq-a { color:#3A4A66 !important; } .rp .rp-faq-a sup { color: var(--rp-blue) !important; } .rp .rp-refs-list li { color:#5A6B86 !important; } .rp .rp-refs-list a { color: var(--rp-blue) !important; } .rp .rp-refs-note { color:#98A3B8 !important; } .rp .rp-warnings-box p { color:#5A6B86 !important; } .rp .rp-warnings-box strong { color: var(--rp-navy) !important; } Product Details Clear Protein Hydration is a light, refreshing, tropical-inspired flavored protein drink that delivers 20 g of high-quality whey protein isolate plus essential electrolytes in a refreshing, easy-to-digest formula. Designed for active individuals, it supports lean muscle recovery, hydration, and energy without the heavy texture of traditional protein shakes.1,2 Muscle Support Hydration Light & Refreshing What's Inside Protein, plus essential electrolytes. Clear Whey Protein Isolate 20 g Fast-digesting, high-quality protein — supports lean muscle recovery.1 Sodium Citrate 80 mg Electrolyte mineral — helps maintain fluid balance.2 Potassium Citrate 200 mg Essential electrolyte — supports hydration & muscle function.2 Calcium 5 mg Trace mineral — contributes to electrolyte balance.2 Nutrition Facts 30 servings per container Serving Size: 1 Scoop (about 25 g) Amount Per Serving Calories85 % Daily Value* Total Fat 0g0% Saturated Fat 0g0% Cholesterol 0mg0% Sodium 84mg4% Total Carbohydrate 0.5g0% Dietary Fiber 0g0% Total Sugars 0g Added Sugars 0g0% Protein 20g Vitamin D 0mcg0% Calcium Lactate 5mg0% Iron 0mg0% Potassium Citrate 200mg4% Magnesium Citrate 100mg24% *The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice. Ingredients: Clear Whey Protein Isolate, Potassium Citrate, Citric Acid, Natural Flavors, Magnesium Citrate, Sodium Citrate, Turmeric (Color), Spirulina Extract (Color), Stevia Leaf Extract, Sucralose, Silicon Dioxide, Monk Fruit Extract. Contains: Milk. Potential Benefits Light. Refreshing. Functional. Supports lean muscle mass and recovery1 Helps maintain hydration and electrolyte balance2 Great-tasting and easy on the stomach No milky texture — just a light, clean finish How to Use One scoop. 12 oz of water. Mix one scoop with 12 oz of cold water and enjoy post-workout, between meals, or any time hydration and protein support are needed. Popular Questions FAQs How is Clear Protein Hydration different from a regular protein shake? Clear uses clear whey protein isolate in a fruit-flavored, water-based formula with electrolytes, so it's light and refreshing rather than thick and milky.1 Is it good for people on weight loss medications? Yes, it provides protein and hydration in a light format that may be easier to tolerate than heavier shakes.2 When should I take Clear? Best after workouts or anytime you need hydration and protein support. References Davies RW, Carson BP, Jakeman PM. The effect of whey protein supplementation on the temporal recovery of muscle function following resistance training: a systematic review and meta-analysis. Nutrients. 2018;10(2):221. doi:10.3390/nu10020221 World Health Organization. Reduced Osmolarity: Oral Rehydration Salts (ORS) Formulation: A Report from a Meeting of Experts Jointly Organised by UNICEF and WHO. Geneva, Switzerland: World Health Organization; 2002. Citations refer to research on the individual ingredients. Individual study results may not reflect the effects of the finished product. Warnings: Consult your healthcare provider if you're pregnant, planning to become pregnant, breastfeeding, or taking medications. Keep out of reach of children and pets. Disclaimer: These statements have not been evaluated by the FDA. This product is not intended to diagnose, treat, cure, or prevent any disease.
More you might like
Related
Hydration Protein - Clear Protein Hydration Mix
Related
Hydration Protein - Clear Protein Hydration Mix
Related
Hydration Protein - Clear Protein Hydration Mix - Single Ser
Related