β¦ Verified product
Leak-Proof Manual Fluid Extractor
USD 14.95
Bundle
AutoYunn
Verified independent store
β
.product-detail-container { /* Design System Variables */ --primary: #FBC02D; /* ι»θ²εΌΊθ°θ²οΌεθͺζζ */ --text-main: #212121; --text-sub: #546E7A; --bg-body: #ffffff; --bg-soft: #F5F7FA; --
border-color: #E0E0E0; --radius-md: 8px; --radius-lg: 16px; --shadow-sm: 0 2px 8px rgba(0,0,0,0.05); --spacing-section: clamp(3rem, 8vw, 5rem); max-width: 1200px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--text-main); line-height: 1.6; } /* Typography */ .product-detail-container h1 { font-size: clamp(32px, 5vw, 44px); font-weight: 700; line-height: 1.2; margin-bottom: 1rem; } .product-detail-container h2 { font-size: clamp(24px, 4vw, 32px); font-weight: 600; margin-bottom: 1.5rem; } .product-detail-container h3 { font-size: 22px; font-weight: 600; margin-bottom: 1rem; } .product-detail-container p { font-size: clamp(16px, 2vw, 18px); color: var(--text-sub); margin-bottom: 1.5rem; } /* Reusable Elements */ .pd-badge { display: inline-block; background: var(--bg-soft); color: var(--text-main); padding: 0.5rem 1rem; border-radius: 50px; font-weight: 500; font-size: 14px; margin-bottom: 1.5rem; border: 1px solid var(--border-color); } .pd-tag-group { display: flex; flex-wrap: wrap; gap: 0.8rem; } .pd-tag { background: var(--bg-soft); color: var(--text-sub); padding: 0.4rem 0.8rem; border-radius: var(--radius-md); font-size: 14px; font-weight: 500; } /* Image Placeholders (Scheme A - Default Fluid) */ .pd-image-fluid { width: 100%; height: auto; display: block; border-radius: var(--radius-lg); } /* Image Placeholder Visual Style */ .img-placeholder { background-color: #f0f0f0; border: 2px dashed #ccc; border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; color: #666; font-family: monospace; padding: 2rem; box-sizing: border-box; } /* --- SECTIONS --- */ /* A. Hero Section */ .pd-hero { text-align: center; margin-bottom: var(--spacing-section); padding-top: 2rem; } .pd-hero-content { max-width: 800px; margin: 0 auto 3rem; } .pd-hero-media { max-width: 1000px; margin: 0 auto; } /* B. Feature Sections (Z-Pattern) */ .pd-feature { display: flex; align-items: center; gap: clamp(2rem, 6vw, 5rem); margin-bottom: var(--spacing-section); } .pd-feature:nth-child(even) { flex-direction: row-reverse; } .pd-feature-media, .pd-feature-copy { flex: 1; } /* D. Scenario Section */ .pd-scenario { text-align: center; margin-bottom: var(--spacing-section); padding: 3rem 0; background-color: var(--bg-soft); border-radius: var(--radius-lg); } .pd-scenario-media { max-width: 900px; margin: 2rem auto 0; } /* C. Specifications */ .pd-specs { margin-bottom: var(--spacing-section); background: var(--bg-soft); padding: 3rem; border-radius: var(--radius-lg); } .pd-spec-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-sm); } .pd-spec-table th, .pd-spec-table td { text-align: left; padding: 1.2rem; border-bottom: 1px solid var(--border-color); font-size: 16px; } .pd-spec-table th { width: 35%; background-color: #fafafa; font-weight: 600; color: var(--text-main); } .pd-spec-table td { color: var(--text-sub); } .pd-spec-table tr:last-child th, .pd-spec-table tr:last-child td { border-bottom: none; } /* E. FAQ */ .pd-faq { margin-bottom: var(--spacing-section); max-width: 800px; margin-left: auto; margin-right: auto; } .pd-faq-item { margin-bottom: 1.5rem; border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 1.5rem; } .pd-faq-question { font-weight: 600; font-size: 18px; margin-bottom: 0.8rem; display: flex; align-items: center; } .pd-faq-question::before { content: "Q."; color: var(--primary); font-weight: 700; margin-right: 0.8rem; } .pd-faq-answer { margin-bottom: 0; padding-left: 1.8rem; } /* Responsive Design */ @media (max-width: 767px) { .pd-hero { text-align: left; } .pd-feature, .pd-feature:nth-child(even) { flex-direction: column; gap: 2rem; } .pd-feature-media { order: -1; } .pd-spec-table, .pd-spec-table thead, .pd-spec-table tbody, .pd-spec-table tr, .pd-spec-table th, .pd-spec-table td { display: block; width: 100%; } .pd-spec-table thead { display: none; } .pd-spec-table tr { margin-bottom: 1rem; border: 1px solid var(--border-color); border-radius: var(--radius-md); } .pd-spec-table td { text-align: right; padding-left: 50%; position: relative; border-bottom: 1px solid #eee; } .pd-spec-table td:last-child { border-bottom: none; } .pd-spec-table td::before { content: attr(data-label); position: absolute; left: 1rem; width: 45%; white-space: nowrap; text-align: left; font-weight: 600; color: var(--text-main); } .pd-specs, .pd-scenario { padding: 1.5rem; } } π Pro-Grade Automotive Tool Effortless & Clean Fluid Changes The fast, manual way to extract and fill automotive oils and fluids. No mess, no spills, and no need to crawl under the car. Engineered to Prevent Leaks Forget messy garage spills. Our heavy-duty pump features a thickened translucent body and a premium double-ring rubber seal system. This ensures maximum suction power and a tight, secure seal during both extraction and dispensing operations. Double-Ring Seal Thickened Walls Brass Nozzle One Tool for Every Fluid Job Versatility is key in the garage. This 200cc (approx. 6.8 fl oz) extractor is perfect for engine oil, brake fluid, coolant, gear oil, and power steering fluid. The clear body lets you monitor fluid condition and level instantly. The complete kit includes a 1-meter (3.28 ft) extended hose to reach difficult fill ports easily. 200cc (6.8 fl oz) Transparent View 1m (3.3ft) Hose Universal Vehicle Compatibility Ideal for cars, motorcycles, trucks, ATVs, boats, and farm equipment. Technical Specifications Capacity 200cc (approx. 6.8 fl oz) Hose Length 1 Meter (3.28 ft) Operation Type Manual Hand Pump (Syringe Style) Body Material Thickened Translucent Plastic Piston Rod Material Solid Metal Nozzle Interface Brass Fluid Compatibility Engine Oil, Brake Fluid, Coolant, Gear Oil, Power Steering Fluid, etc. Frequently Asked Questions Can I use this for hot oil? It is recommended to let the engine cool down slightly so the oil is warm, not scorching hot. Warm fluid extracts faster and is safer to handle. How do I clean the pump between different fluids? For most oils, wiping the interior and pumping through a small amount of clean fluid works well. For brake fluid or coolant, you can rinse it with water or a compatible cleaner and let it dry completely. Are the seals durable for repeated use? Yes, the high-quality double rubber O-rings are designed for durability and repeated use in a garage environment.
Related
Related
Related