Obsessed Garage Soap | pH Neutral Car Wash Shampoo
.ogx { max-width: 1100px; margin: 0 auto; color: #1a1a1a; } .ogx * { box-sizing: border-box; } .ogx-section { border-top: 1px solid #e5e5e5; padding: 44px 0; } .ogx-section:first-c hild { border-top: none; padding-top: 8px; } .ogx-eyebrow { font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #1560a8; margin: 0 0 6px; } .ogx-h2 { font-size: 26px; font-weight: 700; margin: 0 0 12px; line-height: 1.2; color: #0054a6; } .ogx-sub { font-size: 15px; color: #555; margin: 0 0 26px; line-height: 1.6; } .ogx-story-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 32px; align-items: start; } .ogx-video-wrap { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; background: #f2f2f2; } .ogx-video-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } .ogx-story-copy p { font-size: 15px; color: #444; line-height: 1.7; margin: 0 0 14px; } .ogx-check-list { list-style: none; padding: 0; margin: 16px 0 0; } .ogx-check-list li { display: flex; align-items: flex-start; gap: 8px; font-size: 14px; color: #444; margin-bottom: 8px; line-height: 1.5; } .ogx-check-list li::before { content: "\2713"; color: #1b7a4b; font-weight: 700; flex-shrink: 0; } .ogx-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } .ogx-feature-card { background: linear-gradient(160deg, #fafbfd 0%, #eef3f9 100%); border: 1px solid #e3eaf2; border-radius: 12px; padding: 20px; transition: transform 0.2s ease, box-shadow 0.2s ease; } .ogx-feature-card:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(21, 96, 168, 0.1); } .ogx-feature-icon { width: 40px; height: 40px; border-radius: 10px; background: linear-gradient(135deg, #1560a8 0%, #2e86d4 100%); display: flex; align-items: center; justify-content: center; margin-bottom: 12px; } .ogx-feature-icon svg { width: 22px; height: 22px; stroke: #ffffff; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .ogx-feature-card h3 { font-size: 16px; font-weight: 600; margin: 0 0 6px; } .ogx-feature-card p { font-size: 13px; color: #555; margin: 0; line-height: 1.55; } .ogx-calc-section { background: linear-gradient(160deg, #f4f8fc 0%, #e8f0f8 100%); border-radius: 16px; padding: 36px 32px; margin: 44px 0; border-top: none; } .ogx-calc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .ogx-calc-card { background: #fff; border: 1px solid #dfe8f1; border-radius: 12px; padding: 20px; box-shadow: 0 2px 8px rgba(21, 96, 168, 0.06); } .ogx-calc-card h3 { font-size: 16px; font-weight: 600; margin: 0 0 12px; } .ogx-dd { position: relative; } .ogx-dd > input { position: absolute; opacity: 0; pointer-events: none; } .ogx-dd-box { margin: 0 0 12px; } .ogx-dd-box > summary { list-style: none; cursor: pointer; padding: 10px 36px 10px 12px; font-size: 14px; border: 1px solid #ccc; border-radius: 8px; background: #fff; position: relative; color: #1a1a1a; } .ogx-dd-box > summary::-webkit-details-marker { display: none; } .ogx-dd-box > summary::after { content: ""; position: absolute; right: 14px; top: 50%; width: 8px; height: 8px; border-right: 2px solid #888; border-bottom: 2px solid #888; transform: translateY(-70%) rotate(45deg); } .ogx-dd-box[open] > summary { border-color: #1560a8; } .ogx-dd-box[open] > summary::after { transform: translateY(-30%) rotate(225deg); } .ogx-dd-cur { display: none; } .ogx-dd-list { border: 1px solid #dfe8f1; border-radius: 8px; margin-top: 6px; overflow: hidden; background: #fff; box-shadow: 0 4px 12px rgba(21, 96, 168, 0.1); } .ogx-dd-list label { display: block; padding: 10px 12px; font-size: 14px; cursor: pointer; color: #444; border-bottom: 1px solid #f0f4f8; } .ogx-dd-list label:last-child { border-bottom: none; } .ogx-dd-list label:hover { background: #f2f6fb; } .ogx-oz { display: none; font-style: normal; } #ogx-gpm-1:checked ~ .ogx-dd-box .ogx-cur-1 { display: inline; } #ogx-gpm-2:checked ~ .ogx-dd-box .ogx-cur-2 { display: inline; } #ogx-gpm-3:checked ~ .ogx-dd-box .ogx-cur-3 { display: inline; } #ogx-gpm-1:checked ~ .ogx-dd-box .ogx-dd-list .ogx-opt-1, #ogx-gpm-2:checked ~ .ogx-dd-box .ogx-dd-list .ogx-opt-2, #ogx-gpm-3:checked ~ .ogx-dd-box .ogx-dd-list .ogx-opt-3 { background: #e8f1fa; color: #1560a8; font-weight: 600; } #ogx-gpm-1:checked ~ .ogx-calc-result .ogx-oz-1 { display: inline; } #ogx-gpm-2:checked ~ .ogx-calc-result .ogx-oz-2 { display: inline; } #ogx-gpm-3:checked ~ .ogx-calc-result .ogx-oz-3 { display: inline; } #ogx-pref-1:checked ~ .ogx-dd-box .ogx-cur-1 { display: inline; } #ogx-pref-2:checked ~ .ogx-dd-box .ogx-cur-2 { display: inline; } #ogx-pref-1:checked ~ .ogx-dd-box .ogx-dd-list .ogx-opt-1, #ogx-pref-2:checked ~ .ogx-dd-box .ogx-dd-list .ogx-opt-2 { background: #e8f1fa; color: #1560a8; font-weight: 600; } #ogx-pref-1:checked ~ .ogx-calc-result .ogx-oz-1 { display: inline; } #ogx-pref-2:checked ~ .ogx-calc-result .ogx-oz-2 { display: inline; } .ogx-calc-result { background: linear-gradient(135deg, #e8f1fa 0%, #dcebf8 100%); border-radius: 8px; padding: 14px 16px; margin-top: 4px; } .ogx-calc-result span { display: block; font-size: 12px; color: #777; margin-bottom: 2px; } .ogx-calc-result strong { font-size: 24px; font-weight: 700; color: #0054a6; } .ogx-calc-note { margin-top: 16px; font-size: 13px; color: #555; line-height: 1.6; } .ogx-compare-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .ogx-compare-card { border-radius: 12px; padding: 20px; border: 1px solid #e5e5e5; background: #fff; } .ogx-compare-card.is-featured { border: 2px solid #1560a8; background: linear-gradient(170deg, #ffffff 0%, #f0f6fc 100%); } .ogx-compare-badge { display: inline-block; font-size: 12px; font-weight: 600; padding: 4px 12px; border-radius: 6px; background: linear-gradient(135deg, #1560a8 0%, #2e86d4 100%); color: #ffffff; margin-bottom: 14px; } .ogx-compare-card:not(.is-featured) .ogx-compare-badge { background: #f2f2f2; color: #666; } .ogx-compare-card ul { list-style: none; padding: 0; margin: 0; } .ogx-compare-card li { display: flex; align-items: flex-start; gap: 8px; font-size: 14px; margin-bottom: 10px; line-height: 1.5; } .ogx-compare-card.is-featured li::before { content: "\2713"; color: #1b7a4b; font-weight: 700; flex-shrink: 0; } .ogx-compare-card:not(.is-featured) li { color: #666; } .ogx-compare-card:not(.is-featured) li::before { content: "\2715"; color: #b23a3a; font-weight: 700; flex-shrink: 0; } .ogx-steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .ogx-step-card { background: #f7f7f7; border-radius: 12px; padding: 20px; position: relative; overflow: hidden; } .ogx-step-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #1560a8 0%, #2e86d4 100%); } .ogx-step-num { font-size: 13px; font-weight: 600; color: #1560a8; } .ogx-step-card h3 { font-size: 16px; font-weight: 600; margin: 8px 0 6px; } .ogx-step-card p { font-size: 13px; color: #555; margin: 0; line-height: 1.55; } .ogx-specs-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: #e5e5e5; border-radius: 12px; overflow: hidden; border: 1px solid #e5e5e5; } .ogx-spec-cell { background: #fff; padding: 14px 16px; } .ogx-spec-cell span { display: block; font-size: 12px; color: #888; margin-bottom: 2px; } .ogx-spec-cell strong { font-size: 14px; font-weight: 600; color: #1a1a1a; } .ogx-faq details { border-bottom: 1px solid #e5e5e5; } .ogx-faq details:last-child { border-bottom: none; } .ogx-faq summary { padding: 16px 0; font-size: 15px; font-weight: 600; cursor: pointer; list-style: none; position: relative; padding-right: 28px; } .ogx-faq summary::-webkit-details-marker { display: none; } .ogx-faq summary::after { content: "+"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); font-size: 20px; color: #888; } .ogx-faq details[open] summary::after { content: "\2212"; } .ogx-faq details[open] summary { color: #0054a6; } .ogx-faq .ogx-faq-a { padding: 0 0 16px; font-size: 14px; color: #555; line-height: 1.65; margin: 0; } .ogx-img { display: block; width: 100%; height: auto; border-radius: 12px; } .ogx-img-frame { border-radius: 12px; overflow: hidden; background: #f2f2f2; line-height: 0; } .ogx-img-frame img { display: block; width: 100%; height: 100%; object-fit: cover; } .ogx-hero-band { border-radius: 12px; overflow: hidden; line-height: 0; } .ogx-hero-band img { display: block; width: 100%; height: auto; max-height: 480px; object-fit: cover; } .ogx-img-caption { font-size: 13px; color: #888; text-align: center; margin: 10px 0 0; line-height: 1.5; } @media (max-width: 749px) { .ogx-section { padding: 32px 0; } .ogx-h2 { font-size: 22px; } .ogx-calc-section { padding: 28px 20px; } .ogx-story-grid, .ogx-calc-grid, .ogx-compare-grid, .ogx-feature-grid { grid-template-columns: 1fr; } .ogx-steps-grid { grid-template-columns: repeat(2, 1fr); } .ogx-specs-grid { grid-template-columns: repeat(2, 1fr); } .ogx-hero-band img { max-height: 300px; } } The story Watch how OG Soap came to life This soap started out of frustration. Supply issues kept killing my wash routine, so we built something custom instead. Iterations A through E. Side by side scent tests. Foam that feels like shaving cream, not that dry airy stuff. This is the full journey, from first sample to final formula. 5 formula iterations tested Various slicknesses tested Scent comparisons Behind the scenes at the blending facility Key features pH neutral Targeted at 7.0 to 7.2, safe on wax, sealants, and ceramic coatings. Dense, creamy foam Clings to the panel and slowly melts away instead of clumping off in patches. Highly concentrated 1oz in a full foam cannon or bucket is plenty for most setups. Skincare grade Premium surfactants of the same grade found in high end body wash. Gentle on skin and paint. Sun safe Rinses clean without staining, even after fully drying on a hot panel in direct sun. Made in the USA Every raw material is sourced and blended domestically. Dial it in Dilution calculator This soap is highly concentrated. Find your starting point based on your setup. Foam cannon Standard flow (up to 2 GPM)Mid flow (2 to 2.5 GPM)High flow (3+ GPM) Standard flow (up to 2 GPM) Mid flow (2 to 2.5 GPM) High flow (3+ GPM) Recommended starting amount 1 oz2 oz3 oz Wash bucket Efficient (recommended)Extra suds and slickness Efficient (recommended) Extra suds and slickness Recommended starting amount 1 oz2 oz Start low and adjust from there. More soap means more foam and lubricity, but this formula performs at amounts most soaps can't match. Not your average soap Most soaps fake performance with cheap surfactants. This one earns it. OG Soap Skincare grade surfactants Dense, creamy shaving cream foam 1oz per wash, ultra concentrated No staining, even dried in the sun Standard car soaps Cheap petroleum-based surfactants Dry, airy foam that falls apart 5oz or more per wash Can stain trim and glass if dried How to use Step 1 Pre-clean first Run a touchless pre-wash to clear loose dirt and grit before any contact with the paint. Step 2 Start with 1oz Add to a full foam cannon or bucket and adjust based on your setup and flow rate. Step 3 Wash top to bottom Straight lines with a clean mitt, rinsing often in a separate rinse bucket. Step 4 Rinse and dry Rinse thoroughly, dry with a clean microfiber cloth, and enjoy the slick, glassy finish. Specifications FormConcentrated liquid ColorDeep blue Scent0.75% fruit slices pH level7.0 to 7.2 Sizes32oz, 1 gallon Shelf life2 years OriginMade in the USA Freeze toleranceThaw and shake Frequently asked questions Will this strip my ceramic coating or wax? No. The formula is pH neutral, targeted at 7.0 to 7.2, and safe on coatings, waxes, and sealants. How much should I use? Start with 1oz in a full foam cannon or bucket. High flow pressure washers may need up to 3oz for the same foam performance. What if it dries on the car in the sun? It rinses clean without staining windows, trim, or paint, even after fully drying on a hot panel. What happens if my bottle freezes during shipping? Let it come to room temperature over a couple of days, shake it well, and it's good to go. Avoid letting it freeze repeatedly. What's the shelf life? Two years from the purchase date. Give the container a quick shake if it's been sitting for a while.
More you might like
Related
Obsessed Garage Decontamination Soap
Related
Obsessed Garage Decontamination Soap
Related
OBSESSED GARAGE - Decon Soap - High pH Soap Removes Coatings
Related