✦ Verified product
Ergonomic Rebar Tying Tool
USD 14.95
Style
Qty
Varitino
Verified independent store
→
/* ========================================================================== 1) Design System & CSS Variables =====================================================================
===== */ .product-detail-container { --primary: #F59E0B; /* Construction Yellow */ --primary-hover: #D97706; --text-main: #111827; /* Dark Gray / Black */ --text-sub: #4B5563; /* Medium Gray */ --bg-body: #FFFFFF; --bg-card: #F9FAFB; --border-color: #E5E7EB; --radius-md: 8px; --radius-lg: 12px; --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1); /* Typography & Spacing System */ max-width: 1200px; margin: 0 auto; padding: clamp(2rem, 5%, 4rem) 5%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--text-main); background-color: var(--bg-body); overflow-wrap: break-word; word-break: break-word; } .product-detail-container, .product-detail-container * { box-sizing: border-box; } /* ========================================================================== 2) Typography ========================================================================== */ .product-detail-container h1 { font-size: clamp(32px, 5vw, 44px); line-height: 1.2; font-weight: 800; margin: 0 0 1.5rem 0; color: var(--text-main); } .product-detail-container h2 { font-size: clamp(24px, 4vw, 32px); line-height: 1.3; font-weight: 700; margin: 0 0 1rem 0; color: var(--text-main); } .product-detail-container h3 { font-size: clamp(20px, 3vw, 24px); line-height: 1.4; font-weight: 700; margin: 0 0 1rem 0; color: var(--text-main); } .product-detail-container p { font-size: clamp(18px, 2vw, 20px); line-height: 1.7; margin: 0 0 1.5rem 0; color: var(--text-sub); } /* Non-clickable Visual Badge */ .product-detail-container .badge { display: inline-block; padding: 0.5rem 1rem; background: var(--primary); color: #000; font-weight: 800; border-radius: var(--radius-md); font-size: 16px; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 1.5rem; } /* ========================================================================== 3) Media Protocol (Strict Aspect Ratio & Contain) ========================================================================== */ .product-detail-container .media-wrapper { width: 100%; aspect-ratio: 4 / 3; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; background: var(--bg-card); border-radius: var(--radius-lg); border: 1px solid var(--border-color); } .product-detail-container .media-wrapper img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; display: block; } /* AI Placeholder Styling */ .product-detail-container .ai-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #F3F4F6; border: 2px dashed #D1D5DB; color: #6B7280; font-size: clamp(16px, 2vw, 20px); font-weight: bold; border-radius: var(--radius-lg); position: absolute; top: 0; left: 0; } /* ========================================================================== 4) Structural Layouts & Mobile Ordering Lock ========================================================================== */ .product-detail-container .section-gap { margin-bottom: clamp(3rem, 8vw, 6rem); } /* Hero Section */ .product-detail-container .hero-section { text-align: center; } .product-detail-container .hero-social-proof { font-size: 18px; font-weight: 600; color: var(--primary-hover); margin-bottom: 2rem; } /* Z-Pattern Feature Items */ .product-detail-container .feature-item { display: flex; flex-direction: column; /* Mobile First: strictly stacked */ gap: 2rem; margin-bottom: clamp(3rem, 6vw, 5rem); } .product-detail-container .feature-media, .product-detail-container .feature-copy { width: 100%; } /* Desktop Z-Pattern */ @media (min-width: 768px) { .product-detail-container .feature-item { flex-direction: row; align-items: center; gap: 4rem; } .product-detail-container .feature-item:nth-child(even) { flex-direction: row-reverse; } .product-detail-container .feature-media, .product-detail-container .feature-copy { flex: 1; } } /* ========================================================================== 5) Specs Table (Strict Mobile Card Pattern) ========================================================================== */ .product-detail-container .specs-table-wrapper { background: var(--bg-body); border-radius: var(--radius-lg); overflow: hidden; } .product-detail-container table { width: 100%; border-collapse: collapse; text-align: left; } .product-detail-container th, .product-detail-container td { padding: 1.5rem; font-size: 18px; border-bottom: 1px solid var(--border-color); } .product-detail-container th { background-color: var(--bg-card); color: var(--text-main); font-weight: 700; } .product-detail-container td { color: var(--text-sub); } /* Mobile Table Card Transformation */ @media (max-width: 767px) { .product-detail-container table, .product-detail-container thead, .product-detail-container tbody, .product-detail-container tr, .product-detail-container th, .product-detail-container td { display: block; width: 100%; } .product-detail-container thead { display: none; } .product-detail-container tr { border: 1px solid var(--border-color); border-radius: var(--radius-md); margin-bottom: 1.5rem; background: var(--bg-card); padding: 0.5rem 1.5rem; } .product-detail-container td { display: flex; flex-direction: column; align-items: flex-start; padding: 1rem 0; border-bottom: 1px dashed var(--border-color); border-top: none; border-left: none; border-right: none; } .product-detail-container td:last-child { border-bottom: none; } .product-detail-container td::before { content: attr(data-label); font-weight: 700; color: var(--text-main); margin-bottom: 0.5rem; font-size: 16px; text-transform: uppercase; letter-spacing: 0.5px; } } /* ========================================================================== 6) FAQ Section ========================================================================== */ .product-detail-container .faq-item { border-bottom: 1px solid var(--border-color); padding: 2rem 0; } .product-detail-container .faq-item:last-child { border-bottom: none; } .product-detail-container .faq-question { font-size: clamp(20px, 3vw, 22px); font-weight: 700; color: var(--text-main); margin-bottom: 1rem; display: flex; align-items: flex-start; gap: 1rem; } .product-detail-container .faq-question::before { content: "Q."; color: var(--primary); font-weight: 900; } .product-detail-container .faq-answer { font-size: clamp(18px, 2vw, 20px); line-height: 1.7; color: var(--text-sub); padding-left: 2.5rem; } Professional Grade Master Every Wire Tie in Seconds The Ultimate Automatic Tie Wire Twister Tool for Construction & DIY ★ Trusted by 15,000+ construction professionals globally Automatic Recoil & Reload Mechanism Eliminate tedious manual winding forever. Designed with a highly responsive internal threaded and rebounded structure, this tool automatically bounces back after every single pull. This semi-automatic function instantly cuts your working time in half, lessening repetitive actions and drastically improving your overall work efficiency on site. Ergonomic Comfort for All-Day Use Say goodbye to severe hand and wrist strain. Tying steel bars for hours can take a massive toll on your joints, but our engineered ergonomic rubber handle absorbs shock and pressure. The non-slip grip guarantees maximum control even with sweaty or gloved hands, relieving fatigue and keeping you productive and comfortable until the job is done. Industrial-Grade Durability Built to easily withstand the harshest construction environments. Forged from exceptionally good quality steel and equipped with a heavy-duty reinforced spring. Whether you choose the straight or curved hook option, it securely grips the wire without slipping, allowing workers to safely and tightly hold heavy steel bars together without the tool bending or snapping. Technical Specifications Feature / Attribute Specification Details Material Construction High-Quality Forged Steel & Anti-Slip Rubber Hook Design Available in Straight Hook / Curved Hook Total Length 29.5 cm (11.6 in) Handle Length 26.0 cm (10.2 in) Operating Weight 350.0 g (12.3 oz) / 0.35 kg (0.77 lb) Mechanism Type Semi-Automatic Threaded & Rebounded Spring Frequently Asked Questions Do I need special training to use this twister tool? Not at all. The semi-automatic function is highly intuitive. Simply loop the wire around the steel bars, hook the twister, pull back gently, and the tool's internal mechanism does all the twisting and recoiling for you automatically. Is the hook strong enough for heavy-duty commercial rebar? Absolutely. The hook and core shaft are forged from top-tier, good quality industrial steel designed specifically to withstand the tension and daily rigorous demands of professional construction sites without bending or breaking. How do I maintain the tool to ensure the spring lasts? Maintenance is very simple. We recommend wiping away dust and concrete residue after your shift. Occasionally applying a few drops of light machine oil to the internal threaded shaft will keep the automatic rebound action feeling brand new.
Related
Related
Related
Related