Universal Multi-Purpose Wrench
.product-detail-container { --primary: #D32F2F; --primary-hover: #B71C1C; --text-main: #212121; --text-sub: #555555; --bg-body: #FFFFFF; --bg-card: #F9F9F9; --radius-md: 6px; --rad ius-lg: 12px; --shadow-sm: 0 2px 6px rgba(0,0,0,0.06); --shadow-lg: 0 10px 24px rgba(0,0,0,0.1); --border-color: #E0E0E0; max-width: 1200px; margin: 0 auto; padding: 0 5%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--text-main); background-color: var(--bg-body); box-sizing: border-box; overflow-wrap: break-word; word-break: break-word; line-height: 1.6; } .product-detail-container * { box-sizing: border-box; } /* Typography */ .product-detail-container h1, .product-detail-container h2, .product-detail-container h3 { margin-top: 0; font-weight: 800; line-height: 1.2; color: var(--text-main); } .product-detail-container h1 { font-size: clamp(32px, 4vw, 44px); margin-bottom: 24px; } .product-detail-container h2 { font-size: clamp(28px, 3.5vw, 36px); margin-bottom: 20px; } .product-detail-container h3 { font-size: clamp(22px, 2.5vw, 28px); margin-bottom: 16px; } .product-detail-container p { font-size: clamp(16px, 1.5vw, 18px); color: var(--text-sub); margin-bottom: 16px; } /* Spacing */ .section-spacing { margin-bottom: clamp(3rem, 6vw, 5rem); } /* Image Protocol */ .product-detail-container img { width: 100%; height: auto; display: block; border-radius: var(--radius-md); } /* Image Placeholder Style */ .img-placeholder { width: 100%; aspect-ratio: 16 / 9; background: #f0f0f0; border: 2px dashed #cccccc; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-md); color: #888; font-size: 18px; font-weight: bold; } .hero-placeholder { aspect-ratio: 1 / 1; /* Match the provided square-ish image ratio */ } /* Hero Section */ .hero-section { text-align: center; padding-top: clamp(2rem, 4vw, 4rem); } .hero-subtitle { font-size: clamp(18px, 2vw, 22px); color: var(--text-sub); max-width: 800px; margin: 0 auto 32px auto; } .badge { display: inline-block; background-color: var(--primary); color: white; padding: 6px 16px; border-radius: 50px; font-size: 16px; font-weight: bold; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 1px; } /* Features - Mobile Ordering Lock */ .feature-item { display: flex; flex-direction: column; /* Mobile Default: Stacked */ gap: 24px; margin-bottom: clamp(2rem, 5vw, 4rem); background: var(--bg-card); border-radius: var(--radius-lg); overflow: hidden; } .feature-media { width: 100%; } .feature-copy { padding: 24px; display: flex; flex-direction: column; justify-content: center; } /* Desktop Enhancement: Z-Pattern */ @media (min-width: 768px) { .feature-item { flex-direction: row; /* Desktop: Row */ align-items: center; gap: 0; background: transparent; } .feature-item:nth-child(even) { flex-direction: row-reverse; } .feature-media { width: 50%; padding: 0 24px; } .feature-copy { width: 50%; padding: 0 40px; } } /* Specs Table */ .specs-container { background-color: var(--bg-card); padding: clamp(24px, 4vw, 48px); border-radius: var(--radius-lg); } .specs-table { width: 100%; border-collapse: collapse; margin-top: 24px; } .specs-table th, .specs-table td { padding: 16px; text-align: left; border-bottom: 1px solid var(--border-color); } .specs-table th { background-color: #ededed; font-weight: bold; color: var(--text-main); font-size: 18px; } /* Mobile Table Card Strategy */ @media (max-width: 767px) { .specs-table, .specs-table thead, .specs-table tbody, .specs-table tr, .specs-table th, .specs-table td { display: block; width: 100%; } .specs-table thead { display: none; /* Hide headers */ } .specs-table tr { margin-bottom: 16px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: #fff; } .specs-table td { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f0f0f0; padding: 12px 16px; font-size: 16px; text-align: right; } .specs-table td:last-child { border-bottom: none; } .specs-table td::before { content: attr(data-label); font-weight: bold; color: var(--text-main); padding-right: 16px; text-align: left; flex-shrink: 0; } } /* FAQ Section */ .faq-container { max-width: 800px; margin: 0 auto; } .faq-item { border-bottom: 1px solid var(--border-color); padding: 24px 0; } .faq-question { font-size: 20px; font-weight: 700; color: var(--text-main); margin-bottom: 12px; } .faq-answer { font-size: 18px; color: var(--text-sub); margin: 0; } All-In-One Solution Ditch the Heavy Toolbox. One Wrench Does It All. Why carry a dozen tools when one pocket-sized wrench can handle multiple sizes? Engineered for high torque and universal fit, it's the only wrench you need to grab. Universal Fit for Multiple Sizes Replaces your entire wrench set. Featuring a smart dual-head design that instantly adapts to sizes from 8mm to 22mm. Whether you are dealing with hex nuts, pipe fittings, or irregular hardware, this tool adjusts perfectly to the job. Benefit: Save valuable time searching for the right size and drastically reduce the weight of your tool bag. High-Torque Grip & Unique Tooth Design Never slip on a stubborn nut again. The specially engineered serrated jaws provide an unbreakable, multi-point grip. Forged with heat-treated steel, it delivers maximum torque without rounding off fasteners. Benefit: Work safely and efficiently, applying immense pressure with minimal physical effort. Compact & All-in-One Portability Fits right in your pocket. Lightweight yet incredibly durable, this is the ultimate everyday carry tool for home repairs, automotive work, plumbing, and industrial maintenance. Benefit: Enjoy the convenience of having the right tool immediately at hand, wherever the job takes you. Technical Specifications Engineered to precise tolerances for professional and household use. Feature Specification (Metric & Imperial) Material Heat-Treated Chrome Vanadium Steel Small Head Range 8 mm - 13 mm (0.3 in - 0.5 in) Large Head Range 14 mm - 22 mm (0.6 in - 0.9 in) Overall Length 150 mm (5.9 in) Weight 250 g (8.8 oz) Coating Rust-Resistant Black Oxide Finish Frequently Asked Questions Will the teeth strip or damage my nuts and bolts? No. The unique serrated tooth pattern is specifically designed to grip the flat sides of the fastener, not the corners. This prevents rounding and stripping, even under high torque applications. Is it strong enough for automotive and heavy plumbing work? Absolutely. It is forged from industrial-grade Chrome Vanadium Steel and undergoes special heat treatment for maximum hardness. It is built to withstand the rigorous demands of professional mechanics and plumbers. How do I maintain the wrench to prevent rusting? The wrench features a premium black oxide coating for enhanced rust resistance. Simply wipe it clean with a dry cloth after use, and occasionally apply a light coat of machine oil if stored in a highly humid environment.