Brass Battery Disconnect Switch
/* 1) Design System (CSS Variables) */ .product-detail-container { --primary: #1A1A1A; --primary-hover: #333333; --text-main: #2C3E50; --text-sub: #596A7A; --bg-body: #FFFFFF; --bg -card: #F8F9FA; --border-color: #E2E8F0; --radius-md: 10px; --radius-lg: 18px; --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.04); --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.08); /* Typography & Spacing System */ --spacing-section: clamp(2.5rem, 6vw, 5rem); --spacing-module: clamp(2rem, 5vw, 4rem); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--text-main); background-color: var(--bg-body); max-width: 1200px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; overflow-wrap: break-word; word-break: break-word; line-height: 1.7; } .product-detail-container *, .product-detail-container *::before, .product-detail-container *::after { box-sizing: inherit; } /* Typography Scale */ .product-detail-container h1 { font-size: clamp(32px, 4vw, 44px); line-height: 1.2; color: var(--primary); margin: 0 0 1rem 0; font-weight: 700; letter-spacing: -0.02em; } .product-detail-container h2 { font-size: clamp(24px, 3vw, 32px); line-height: 1.3; color: var(--text-main); margin: 0 0 1rem 0; font-weight: 600; } .product-detail-container h3 { font-size: clamp(20px, 2.5vw, 24px); line-height: 1.4; color: var(--primary); margin: 0 0 1rem 0; font-weight: 600; } .product-detail-container p { font-size: clamp(18px, 2vw, 20px); color: var(--text-sub); margin: 0 0 1.5rem 0; } /* Badges (Non-interactive) */ .detail-badge-group { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 2rem; } .detail-badge { display: inline-flex; align-items: center; padding: 8px 16px; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 30px; font-size: 16px; font-weight: 500; color: var(--text-main); } /* Image Protocol & Placeholders */ .detail-img-fluid { width: 100%; height: auto; display: block; border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); } .img-placeholder { width: 100%; background-color: var(--bg-card); border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; overflow: hidden; } .img-placeholder img { width: 100%; height: auto; display: block; border-radius: var(--radius-lg); } /* Modules */ .hero-section { text-align: center; margin-top: 2rem; margin-bottom: var(--spacing-section); } .hero-section .detail-badge-group { justify-content: center; } /* Z-Pattern Features */ .feature-list { display: flex; flex-direction: column; gap: var(--spacing-section); margin-bottom: var(--spacing-section); } .feature-item { display: flex; flex-direction: column; gap: 2rem; align-items: center; } .feature-media, .feature-copy { width: 100%; } /* Specs Table */ .specs-section { margin-bottom: var(--spacing-section); } .specs-table-wrapper { background: var(--bg-card); border-radius: var(--radius-lg); padding: clamp(1.5rem, 3vw, 3rem); } .specs-table { width: 100%; border-collapse: collapse; } /* FAQ Section */ .faq-section { margin-bottom: var(--spacing-section); } .faq-item { background: var(--bg-card); border-radius: var(--radius-md); padding: 1.5rem; margin-bottom: 1rem; } .faq-question { font-size: clamp(18px, 2.5vw, 22px); font-weight: 600; color: var(--primary); margin-bottom: 0.5rem; } .faq-answer { font-size: clamp(16px, 2vw, 18px); color: var(--text-sub); margin: 0; } /* Desktop Enhancements (Z-Pattern & Table) */ @media (min-width: 768px) { .feature-item { flex-direction: row; gap: var(--spacing-module); } .feature-item.reverse { flex-direction: row-reverse; } .feature-media, .feature-copy { flex: 1; } .feature-copy { padding: 0 2rem; } .specs-table th, .specs-table td { padding: 1rem; text-align: left; border-bottom: 1px solid var(--border-color); font-size: 18px; } .specs-table th { font-weight: 600; color: var(--primary); width: 35%; } .specs-table tr:last-child td, .specs-table tr:last-child th { border-bottom: none; } } /* Mobile Specs Table Lock (Card Based) */ @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; } .specs-table tr { background: var(--bg-body); border: 1px solid var(--border-color); border-radius: var(--radius-md); margin-bottom: 1rem; padding: 1rem; box-shadow: var(--shadow-sm); } .specs-table td { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0; border-bottom: 1px solid var(--bg-card); font-size: 16px; text-align: right; } .specs-table td:last-child { border-bottom: none; padding-bottom: 0; } .specs-table td::before { content: attr(data-label); font-weight: 600; color: var(--primary); text-align: left; flex-basis: 40%; margin-right: 1rem; } } Car Battery Power Cut-Off Switch Breaker Reliable Power Control & Battery Protection 🔩 Premium Brass ⚡ 12V / 24V Systems 🛡️ Battery Protection Protect your battery and electrical system with confidence. Made from high-quality brass, this battery disconnect switch offers excellent strength, safety, and long service life for cars, trucks, boats, and RVs. Premium Brass Material Made from high-quality brass, this battery disconnect switch offers excellent strength, safety, and long service life. The durable material ensures smooth current transmission, reduces power loss, and supports stable operation of your vehicle’s electrical system. Stable Performance & Easy Installation Designed by professionals, this rotary battery disconnect switch provides stable transmission and reliable performance during power transfer. It is easy to install, allowing even ordinary users to complete installation quickly while reducing circuit failures caused by poor contact. Simple On / Off Operation The switch features two clear working states: lift the knob 90° to cut off power, and lower it 90° to restore power. This simple design saves time and effort while providing a smooth and convenient user experience. Battery Protection & Corrosion Resistance When the vehicle is not in use, cutting off the battery power helps prevent power drain and extends battery life. With good corrosion resistance, the switch adapts to different environments and helps reduce maintenance costs over time. Wide Applications for 12V & 24V Systems This battery cut off switch is widely used in various vehicles, including sedans, sports cars, trucks, vans, and even yachts. Compatible with both 12V and 24V battery systems, it offers reliable performance across a wide range of applications. Specifications Specification Details Product Type Car battery disconnect switch Material Brass Operation Type Rotary / knob switch Working Voltage 12V / 24V Main Function Battery power cut off / protection Application Cars, trucks, vans, yachts Frequently Asked Questions 1. Is this switch easy to install? Yes. It is designed for simple installation and can be installed by ordinary users without special tools. 2. How do I turn the power off? Lift the knob 90° to cut off the power, and lower it 90° to turn the power back on. 3. Will this help extend battery life? Yes. Disconnecting the battery when not in use helps prevent power drain and prolongs battery life. 4. What vehicles is it compatible with? It works with most vehicles using 12V or 24V battery systems, including cars, trucks, and yachts.
More you might like
Related
Brass Battery Disconnect Switch
Related
Solid Brass Battery Disconnect Switch
Related
Solid Brass Battery Disconnect Switch
Related