Brooks Glycolic & Botanical Toner
/* ===================================================================== 1. GLOBAL THEME VARIABLES (LIGHT MODE DEFAULT) ============================================================ ========= */ .sr-product-wrap { --sr-orange: #ff7e00; --sr-plum: #5b5161; --sr-plum-light: #8e7f96; --sr-dark-text: #2b2b2b; --sr-mid-text: #555555; --sr-bg-sand: #f5f3ef; --sr-bg-offwhite: #faf8f5; --sr-border-line: #e8e4dc; --sr-accent-green: #bad381; --sr-font-title: 'DM Sans', sans-serif; --sr-font-body: 'Lato', sans-serif; } /* ===================================================================== DARK MODE OVERRIDES (SHOPIFY THEME CLASSES) ===================================================================== */ html.dark .sr-product-wrap, html[class*="dark"] .sr-product-wrap, body.dark .sr-product-wrap, body[class*="dark"] .sr-product-wrap, [data-theme*="dark"] .sr-product-wrap, .color-inverse .sr-product-wrap, .color-scheme-inverse .sr-product-wrap, .color-scheme-2 .sr-product-wrap, .color-scheme-3 .sr-product-wrap { --sr-plum: #e2ddd5; --sr-plum-light: #a496ac; --sr-dark-text: #ffffff; --sr-mid-text: #e2ddd5; --sr-bg-sand: rgba(226, 221, 213, 0.05); --sr-bg-offwhite: rgba(226, 221, 213, 0.02); --sr-border-line: rgba(226, 221, 213, 0.15); } /* ===================================================================== 2. BASE LAYOUT & TYPOGRAPHY ===================================================================== */ .sr-product-wrap { width: 100%; margin: 0 auto 40px auto; padding-top: 40px; /* Optional top padding to push down from header */ color: var(--sr-dark-text); font-family: var(--sr-font-body); text-align: left; -webkit-font-smoothing: antialiased; } .sr-product-wrap * { box-sizing: border-box; } .sr-label { font-family: var(--sr-font-title); font-size: 12px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; display: block; margin-bottom: 16px; } .sr-title { font-family: var(--sr-font-title); font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.5px; color: var(--sr-plum); } .sr-body { font-size: 16px; line-height: 1.8; color: var(--sr-mid-text); } /* ===================================================================== 3. ZONE 1: OPENER & STAT BLOCK ===================================================================== */ .sr-announcement { background: transparent; color: var(--sr-plum); padding: 12px 0; text-align: left; border-top: 1px solid var(--sr-border-line); border-bottom: 1px solid var(--sr-border-line); margin-bottom: 32px; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; } .sr-announcement strong { color: var(--sr-orange); } .sr-opener-title { font-family: var(--sr-font-title); font-size: clamp(48px, 8vw, 80px); font-weight: 300; line-height: 0.9; letter-spacing: -2px; color: var(--sr-plum); margin: 24px 0; } .sr-opener-desc { font-size: 18px; font-style: italic; line-height: 1.6; color: var(--sr-mid-text); border-left: 2px solid var(--sr-orange); padding-left: 20px; margin-bottom: 40px; } .sr-stat-box { background: transparent; padding: 16px 0; text-align: left; margin-bottom: 40px; } .sr-stat-num { font-family: var(--sr-font-title); font-size: 72px; font-weight: 300; line-height: 0.8; color: var(--sr-orange); display: block; margin-bottom: 16px; } .sr-stat-label { color: var(--sr-plum); display: block; margin-bottom: 8px; font-weight: 700; font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase; } .sr-stat-sub { font-size: 16px; color: var(--sr-mid-text); line-height: 1.6; margin: 0; } /* ===================================================================== 4. ZONE 2: ACCORDIONS (Ingredients, Protocol, INCI) ===================================================================== */ .sr-accordion { border-top: 1px solid var(--sr-border-line); } .sr-accordion:last-of-type { border-bottom: 1px solid var(--sr-border-line); margin-bottom: 48px; } .sr-accordion summary { display: flex; justify-content: space-between; align-items: center; padding: 24px 0; cursor: pointer; list-style: none; font-family: var(--sr-font-title); font-size: 20px; font-weight: 700; color: var(--sr-plum); transition: color 0.2s ease; } .sr-accordion summary:hover { color: var(--sr-orange); } .sr-accordion summary::-webkit-details-marker { display: none; } .sr-accordion summary::after { content: '+'; font-family: var(--sr-font-body); font-size: 28px; font-weight: 300; line-height: 1; color: var(--sr-plum-light); } .sr-accordion[open] summary::after { content: '−'; color: var(--sr-orange); } .sr-accordion-content { padding-bottom: 32px; } /* Inner Accordion Styling: Ingredients Grid */ .sr-ing-row { display: grid; grid-template-columns: 40px 1fr; gap: 0 16px; padding: 20px 16px; border-radius: 0; } .sr-ing-row:hover { background: var(--sr-bg-offwhite); } .sr-ing-row--hero { background: var(--sr-bg-sand); border-left: 3px solid var(--sr-orange); } .sr-ing-num { font-family: var(--sr-font-title); font-size: 14px; font-weight: 700; color: var(--sr-plum-light); grid-row: 1/4; } .sr-ing-row--hero .sr-ing-num { color: var(--sr-orange); } .sr-ing-name { font-family: var(--sr-font-title); font-size: 18px; font-weight: 700; color: var(--sr-plum); margin-bottom: 4px; } .sr-ing-role { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--sr-orange); margin-bottom: 8px; } .sr-ing-desc { font-size: 15px; color: var(--sr-mid-text); line-height: 1.7; } .sr-inci-block { font-size: 13px; color: var(--sr-plum-light); line-height: 1.8; padding: 16px; background: var(--sr-bg-offwhite); border-radius: 0; } /* Inner Accordion Styling: Timeline */ .sr-timeline { position: relative; padding-left: 16px; } .sr-timeline::before { content: ''; position: absolute; top: 10px; bottom: 10px; left: 20px; width: 2px; background: var(--sr-border-line); } .sr-step { position: relative; padding: 0 0 32px 32px; } .sr-step:last-child { padding-bottom: 0; } .sr-step::before { content: ''; position: absolute; left: -2px; top: 6px; width: 10px; height: 10px; border-radius: 0; background: var(--sr-orange); border: 3px solid var(--sr-bg-sand); box-shadow: 0 0 0 1px var(--sr-border-line); } .sr-step-title { font-family: var(--sr-font-title); font-size: 16px; font-weight: 700; color: var(--sr-plum); margin-bottom: 6px; } .sr-step-desc { font-size: 15px; color: var(--sr-mid-text); line-height: 1.7; } .sr-step-result { display: inline-block; margin-top: 12px; font-size: 14px; font-weight: 700; color: var(--sr-plum); background: var(--sr-bg-sand); padding: 8px 16px; border-radius: 0; } /* ===================================================================== 5. ZONE 3: CLEAN PRO-TIPS ===================================================================== */ .sr-callouts-container { display: flex; flex-direction: column; gap: 32px; margin-bottom: 24px; } .sr-callout-card { padding: 8px 0 8px 20px; border-radius: 0; background: transparent !important; display: flex; flex-direction: column; } .sr-callout-card--melt { border-left: 3px solid var(--sr-accent-green); } .sr-callout-card--amount { border-left: 3px solid var(--sr-orange); } .sr-callout-card--fresh { border-left: 3px solid var(--sr-plum); } .sr-callout-text { font-size: 15px; line-height: 1.7; color: var(--sr-mid-text); margin: 0; } .sr-callout-card strong { font-weight: 700; color: var(--sr-dark-text); } /* ===================================================================== 6. DARK MODE PROTECTION ===================================================================== */ @media (prefers-color-scheme: dark) { .sr-accordion summary, .sr-step-title, .sr-title, .sr-ing-name, .sr-stat-label, .sr-announcement { color: currentColor; } .sr-body, .sr-step-desc, .sr-ing-desc, .sr-opener-desc, .sr-callout-text, .sr-stat-sub { color: currentColor; opacity: 0.85; } .sr-callout-card strong { color: currentColor; opacity: 1; } } Made fresh for your order — ready within 3 business days Glycolic & Botanical Toner · 2 fl. oz. Brooks Precise exfoliation. Protected microbiome. Engineered to effectively clear the surface without compromising the barrier underneath. 2.5% Glycolic acid buffered by Arginine Arginine buffers the formula to a precise pH of 4.8–5.2, keeping glycolic acid active enough to exfoliate without pushing into territory that causes chronic irritation. Exfoliation balanced bybiological precision. Effective cellular turnover relies on a delicate balance. While alpha-hydroxy acids are remarkable for clearing dead skin and smoothing texture, they require an acidic environment that can sometimes disrupt the skin’s delicate microbial ecosystem. Brooks is engineered around a different philosophy: buffered renewal. We utilize a targeted 2.5% concentration of Glycolic Acid, carefully buffered by the amino acid Arginine to an optimal pH of 4.8–5.2. This provides the exact acidity needed to dissolve the bonds holding dead cells together, while remaining gentle enough to respect your barrier. We paired this active renewal with Lactobacillus Ferment to support beneficial bacteria, and desert botanicals like Prickly Pear and Agave to soothe freshly revealed skin. The result is a highly effective toner that delivers a brilliant surface without the reactive trade-offs. Hero Ingredients 01 Glycolic Acid Buffered exfoliation The smallest AHA molecule, allowing it to penetrate and dissolve dead skin cells effectively. It clears the surface and smooths texture, dramatically improving the absorption of any serums applied afterward. 02 Arginine The pH chaperone A skin-identical amino acid that makes precise exfoliation possible. Arginine safely buffers the formula, ensuring the glycolic acid remains active without causing the severe irritation common in standard AHA toners. 03 Lactobacillus Ferment & Inulin Microbiome protection Lactobacillus actively supports the skin's ecosystem while the acid does its work. Inulin—a prebiotic—feeds beneficial bacteria, ensuring the microbiome stays stable during the exfoliating conditions. 04 Prickly Pear & Agave Botanical soothing Two resilient plants that evolved in the Texas desert to survive extreme stress. They deliver powerful antioxidants and moisture-binding polysaccharides that immediately calm and soothe freshly exfoliated skin. 05 Ectoin & Trehalose Barrier stabilizers Two potent osmolytes that protect the skin's cellular environment. Ectoin stabilizes the barrier and reduces inflammation, ensuring that the renewal cycle doesn't create cumulative damage over time. How to use it Brooks clears the way. By removing dead surface cells, everything applied afterward can absorb and perform more effectively. Evening only After cleansing, apply 4–6 drops to a cotton pad and sweep across the face, avoiding the eye area. Or press directly into skin with clean hands. Allow 5-10 minutes before applying your next step. Frequency Start with 2–3 evenings per week. Most skin types can comfortably build to nightly use within 2–3 weeks. Smart pairing Glycolic acid and copper peptides (like Caddo) perform best at different pH levels. Alternate evenings—use Brooks to exfoliate one night, and Caddo to repair the next. SPF Required AHAs accelerate cell turnover, leaving fresh, newer skin at the surface. Daily application of SPF 30+ is strictly required to protect these results from UV damage. Full Ingredients (INCI) Aqua/Water/Eau, Arginine, Glycolic Acid, Glycerin, Pentylene Glycol, Lactobacillus Ferment, Agave Americana Leaf Extract, Opuntia Ficus-Indica (Prickly Pear) Stem Extract, Panthenol, Inulin, Ectoin, Trehalose, Caprylyl Glycol, Allantoin, Sodium Phytate, Lactic Acid, Citric Acid. A Few Pro-Tips Why pH matters Glycolic acid only exfoliates within a specific acidic range. Brooks is rigorously formulated and tested at pH 4.8–5.2. This highly intentional balance guarantees the acid remains active enough to work, while staying gentle enough to respect your natural barrier. Layering order On the evenings you use Brooks, follow it with a deeply hydrating serum (like Laguna Madre) and finish with Palo Duro to seal the barrier. The exfoliated surface ensures your hydration steps absorb profoundly. Freshness matters Living ingredients perform best when fresh. A gentle pH allows us to utilize living, microbiome-supporting ingredients like Lactobacillus Ferment. We blend to order, ensuring these sensitive compounds arrive at your door at peak vitality.
More you might like
Related
Bonita Botanical Glycolic Toner 7% | 125ml
Related
Pure Choice Glycolic Acid Toner for Hyperpigmentation & Anti
Related
LEROSETT Toner for Clear Skin Aloe Vera Based Toner with Gly
Related