Heavy-Duty Magnetic Cable Tie Mounts
/* ========================================================= HEAVY-DUTY MAGNETIC CABLE TIE MOUNTS Shopify Product Description Container Query Version ------------------------------ --------------------------- IMPORTANT: - Layout responds to DESCRIPTION AREA WIDTH - NOT the browser/screen width - 450–650px product info columns stay SINGLE COLUMN - 2-column layouts begin only when this container >=760px ========================================================= */ .mct-page, .mct-page * { box-sizing: border-box; } .mct-page { --mct-navy: #123f73; --mct-navy-dark: #0c2b4f; --mct-black: #181a1d; --mct-red: #dc3327; --mct-red-soft: #fff1ef; --mct-blue-soft: #eef4fa; --mct-gray: #626b76; --mct-line: #dfe4e9; --mct-light: #f5f7f9; --mct-white: #ffffff; --mct-green: #24754c; width: 100%; max-width: 100%; margin: 0 auto; padding: 0; overflow: hidden; font-family: inherit; color: var(--mct-black); line-height: 1.55; container-type: inline-size; container-name: mct-description; } .mct-page img { display: block; width: 100%; max-width: 100%; height: auto !important; object-fit: contain !important; object-position: center; border: 0; } .mct-page h2, .mct-page h3, .mct-page h4, .mct-page p { margin-top: 0; } .mct-section { margin: 18px 0; } .mct-card { width: 100%; border-radius: 16px; overflow: hidden; background: var(--mct-white); border: 1px solid var(--mct-line); } .mct-card-body { padding: 22px 18px; } .mct-eyebrow { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 10px; padding: 6px 11px; border-radius: 999px; background: var(--mct-red-soft); color: #aa261d; font-size: 12px; font-weight: 800; line-height: 1.2; letter-spacing: .06em; text-transform: uppercase; } .mct-title { margin-bottom: 12px; font-size: clamp(27px, 7cqw, 42px); line-height: 1.08; letter-spacing: -0.025em; font-weight: 800; color: var(--mct-navy-dark); } .mct-subtitle { margin: 0; color: var(--mct-gray); font-size: 16px; line-height: 1.65; } .mct-heading { margin-bottom: 9px; color: var(--mct-navy-dark); font-size: 25px; line-height: 1.15; letter-spacing: -.015em; font-weight: 800; } .mct-description { margin-bottom: 0; color: var(--mct-gray); font-size: 15.5px; line-height: 1.65; } .mct-red { color: var(--mct-red); } .mct-navy { color: var(--mct-navy); } /* ========================================================= HERO ========================================================= */ .mct-hero { background: #f3f5f7; border: 1px solid #e1e5e9; } .mct-hero-copy { padding: 25px 20px 20px; } .mct-hero-media { padding: 4px 14px 18px; } .mct-hero-image { border-radius: 13px; } .mct-benefit-line { display: flex; align-items: flex-start; gap: 10px; margin-top: 17px; padding: 13px 14px; background: var(--mct-white); border-radius: 11px; } .mct-benefit-icon { flex: 0 0 27px; width: 27px; height: 27px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--mct-red); color: white; font-weight: 800; font-size: 14px; } .mct-benefit-text { font-size: 14px; line-height: 1.5; color: #3d454e; } .mct-benefit-text strong { color: var(--mct-black); } /* ========================================================= QUICK BENEFITS ========================================================= */ .mct-quick-grid { display: grid; grid-template-columns: 1fr; gap: 10px; } .mct-quick { display: flex; gap: 13px; align-items: center; padding: 16px; border-radius: 13px; background: var(--mct-light); border: 1px solid #e6e9ec; } .mct-quick-icon { flex: 0 0 43px; width: 43px; height: 43px; display: flex; justify-content: center; align-items: center; border-radius: 11px; color: var(--mct-white); background: var(--mct-navy); font-size: 20px; } .mct-quick:nth-child(2) .mct-quick-icon, .mct-quick:nth-child(4) .mct-quick-icon { background: var(--mct-red); } .mct-quick strong { display: block; margin-bottom: 2px; color: var(--mct-black); font-size: 14px; line-height: 1.25; } .mct-quick span { display: block; color: var(--mct-gray); font-size: 12.5px; line-height: 1.4; } /* ========================================================= PAIN / TRANSFORMATION ========================================================= */ .mct-problem { padding: 23px 18px; background: var(--mct-navy-dark); color: var(--mct-white); } .mct-problem .mct-heading { color: var(--mct-white); } .mct-problem .mct-description { color: #d6e1ec; } .mct-problem-points { display: grid; grid-template-columns: 1fr; gap: 9px; margin-top: 17px; } .mct-problem-item { padding: 12px 13px; border-radius: 10px; background: rgba(255,255,255,.08); font-size: 13px; color: #f5f8fb; } .mct-problem-item b { color: #ffffff; } /* ========================================================= FEATURE CARDS ========================================================= */ .mct-feature { overflow: hidden; } .mct-feature-copy { padding: 22px 18px; } .mct-feature-number { display: inline-flex; justify-content: center; align-items: center; width: 37px; height: 37px; margin-bottom: 12px; border-radius: 10px; background: var(--mct-red); color: var(--mct-white); font-size: 16px; font-weight: 800; } .mct-feature-points { display: grid; grid-template-columns: 1fr; gap: 8px; padding: 0; margin: 16px 0 0; list-style: none; } .mct-feature-points li { position: relative; padding-left: 25px; color: #48515b; font-size: 14px; line-height: 1.45; } .mct-feature-points li::before { content: "✓"; position: absolute; top: 0; left: 0; color: var(--mct-green); font-weight: 900; } .mct-feature-image-wrap { padding: 0 12px 12px; } .mct-feature-image { border-radius: 12px; } /* Alternate backgrounds */ .mct-feature-blue { background: var(--mct-blue-soft); border-color: #dce7f0; } .mct-feature-dark { background: var(--mct-black); border-color: var(--mct-black); } .mct-feature-dark .mct-heading { color: var(--mct-white); } .mct-feature-dark .mct-description, .mct-feature-dark .mct-feature-points li { color: #d8dce1; } /* ========================================================= 3 STEP USE ========================================================= */ .mct-how { padding: 23px 18px; background: #f7f8fa; } .mct-steps { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 17px; } .mct-step { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 12px; align-items: start; padding: 15px; background: var(--mct-white); border: 1px solid var(--mct-line); border-radius: 12px; } .mct-step-number { width: 42px; height: 42px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: var(--mct-navy); color: white; font-weight: 800; } .mct-step h4 { margin: 1px 0 4px; color: var(--mct-black); font-size: 15px; line-height: 1.25; } .mct-step p { margin: 0; color: var(--mct-gray); font-size: 13px; line-height: 1.5; } /* ========================================================= APPLICATION GRID ========================================================= */ .mct-use-card { padding: 23px 18px; } .mct-use-grid { display: grid; grid-template-columns: 1fr; gap: 9px; margin-top: 17px; } .mct-use-item { padding: 14px 15px; border-radius: 11px; background: #f4f6f8; border-left: 4px solid var(--mct-navy); } .mct-use-item:nth-child(even) { border-left-color: var(--mct-red); } .mct-use-item strong { display: block; color: var(--mct-black); font-size: 14px; margin-bottom: 2px; } .mct-use-item span { display: block; color: var(--mct-gray); font-size: 12.5px; } /* ========================================================= SPECS ========================================================= */ .mct-spec-card { padding: 23px 18px; background: var(--mct-navy-dark); } .mct-spec-card .mct-heading { color: var(--mct-white); } .mct-spec-card > .mct-description { color: #ccd8e4; } .mct-spec-table { display: grid; gap: 7px; margin-top: 18px; } .mct-spec-row { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 12px; align-items: center; padding: 11px 12px; border-radius: 9px; background: rgba(255,255,255,.08); } .mct-spec-name { color: #aebed0; font-size: 12px; font-weight: 700; } .mct-spec-value { color: #fff; font-size: 13px; font-weight: 700; text-align: right; } /* ========================================================= NOTE ========================================================= */ .mct-note { display: flex; gap: 11px; padding: 15px; background: #fff7e8; border: 1px solid #f1dfb4; border-radius: 12px; } .mct-note-icon { flex: 0 0 28px; width: 28px; height: 28px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #e6a527; color: white; font-weight: 900; } .mct-note p { margin: 0; color: #645537; font-size: 13px; line-height: 1.55; } /* ========================================================= FAQ ========================================================= */ .mct-faq { padding: 23px 18px; } .mct-faq-list { display: grid; gap: 8px; margin-top: 16px; } .mct-faq-item { border: 1px solid var(--mct-line); border-radius: 10px; background: var(--mct-white); overflow: hidden; } .mct-faq-item summary { position: relative; padding: 15px 42px 15px 14px; cursor: pointer; list-style: none; color: var(--mct-black); font-size: 14px; font-weight: 750; line-height: 1.4; } .mct-faq-item summary::-webkit-details-marker { display: none; } .mct-faq-item summary::after { content: "+"; position: absolute; right: 14px; top: 50%; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; transform: translateY(-50%); border-radius: 50%; background: var(--mct-blue-soft); color: var(--mct-navy); font-size: 18px; font-weight: 500; transition: transform .25s ease; } .mct-faq-item[open] summary::after { transform: translateY(-50%) rotate(45deg); } .mct-faq-answer { padding: 0 14px 15px; color: var(--mct-gray); font-size: 13.5px; line-height: 1.6; } /* ========================================================= FINAL BANNER ========================================================= */ .mct-final { padding: 26px 19px; text-align: center; background: var(--mct-red); color: white; } .mct-final h2 { margin-bottom: 8px; color: white; font-size: 25px; line-height: 1.15; } .mct-final p { max-width: 600px; margin: 0 auto; color: #fff5f3; font-size: 14px; line-height: 1.6; } /* ========================================================= CONTAINER QUERY IMPORTANT: DESKTOP PRODUCT DESCRIPTION WIDTH 450–650px REMAINS SINGLE COLUMN. ========================================================= */ @container mct-description (min-width: 760px) { .mct-card-body, .mct-feature-copy, .mct-how, .mct-use-card, .mct-spec-card, .mct-faq { padding: 28px; } .mct-hero { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; } .mct-hero-copy { padding: 32px 12px 32px 30px; } .mct-hero-media { padding: 18px 22px 18px 12px; } .mct-quick-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .mct-problem-points { grid-template-columns: repeat(3, minmax(0,1fr)); } .mct-feature { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); align-items: center; } .mct-feature-image-wrap { padding: 18px; } .mct-feature-reverse .mct-feature-copy { order: 2; } .mct-feature-reverse .mct-feature-image-wrap { order: 1; } .mct-steps { grid-template-columns: repeat(3, minmax(0,1fr)); } .mct-step { grid-template-columns: 1fr; } .mct-use-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .mct-spec-table { grid-template-columns: repeat(2, minmax(0,1fr)); } } /* Extra-wide product description areas only */ @container mct-description (min-width: 1000px) { .mct-use-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } .mct-quick-grid { grid-template-columns: repeat(4, minmax(0,1fr)); } } ⚡ STRONG • REUSABLE • TOOL-FREE Clean Up Cable Clutter Without Drilling. Turn compatible metal surfaces into instant cable-routing points. These heavy-duty magnetic cable tie mounts help keep cords, wires and electrical lines securely organized while letting you reposition your layout whenever needed. ✓ No permanent installation. Attach, organize, remove and reposition whenever your setup changes. 🧲 Powerful Magnetic Hold Stays securely attached to compatible steel surfaces. ↻ Flexible Cable Routing Reposition your routing direction as your setup changes. 🛠 No Drilling Required Mount directly to compatible iron or steel surfaces. ♻ Reusable Design Remove and relocate instead of installing permanent anchors. CABLE CLUTTER, SOLVED Stop Letting Loose Wires Take Over Your Setup Tangled cables are harder to trace, harder to clean around and can make an otherwise organized workspace look unfinished. Add secure routing points exactly where you need them—without committing to holes or permanent adhesive. Before: loose, tangled cords After: cleaner routing paths Anytime: reposition as needed 01 Strong Magnetic Hold The magnetic base attaches firmly to compatible iron and steel surfaces, creating a practical anchor point for cables and wiring. The product description states up to 22 lbs of vertical pull per mount under suitable conditions. Strong magnetic attachment Helps keep cable routes stable No permanent mounting hardware required 02 Turn Messy Wiring Into a Cleaner Layout Pair the mounts with standard cable ties to organize computer cords, USB cables, appliance wiring and other compatible cable runs. Instead of letting wires cross randomly, create defined routing points for a cleaner, easier-to-manage setup. Reduces visible cable clutter Makes individual cable paths easier to follow Useful for workbenches, cabinets and equipment frames 03 Install in Seconds — No Holes, No Glue Simply place the magnetic base on a compatible steel surface, route a cable tie through the mount and secure your wiring. When your equipment layout changes, remove the mount and place it somewhere else. No drilling into equipment or cabinetry No adhesive residue to clean up Easy to move during maintenance or upgrades 04 Built for Everyday Workspaces A robust steel housing helps provide dependable everyday durability, while the protective rubber-coated base helps reduce direct contact between the mount and smooth metal surfaces. Durable steel construction Protective rubber-coated contact area Designed for repeated placement and removal 05 One Small Mount. Plenty of Uses. Use them anywhere a compatible magnetic metal surface gives you a convenient place to route cables—from computers and electrical cabinets to workshops, RVs and decorative lighting setups. Computer and electronics cable management Electrical panels and workshop equipment RV and metal-frame cable routing Lighting and seasonal decoration wiring EASY SETUP Organize Your Cables in 3 Simple Steps No special mounting tools are needed for compatible magnetic surfaces. 1 Place the Mount Position it on a clean, compatible iron or steel surface. 2 Add a Cable Tie Route a standard zip tie through the holder and around your cable. 3 Route & Adjust Secure the cable and reposition the magnetic mount when needed. MADE FOR MORE THAN ONE SETUP From Home Electronics to Workshop Wiring A practical cable-management solution wherever compatible magnetic metal surfaces are available. 🖥 Computer Equipment Route power, USB and peripheral cables. ⚡ Electrical Cabinets Keep wiring paths cleaner and easier to inspect. 🔧 Workshops Organize cords around benches and metal equipment. 🚐 RV & Vehicle Setups Manage suitable wiring on compatible metal surfaces. 💡 Lighting Guide suitable lighting cables along metal structures. 🏠 Everyday Organization Create removable cable routing points without drilling. PRODUCT DETAILS Compact Size. Serious Utility. Key product information based on the written specifications listed on the original product page. Product Type Magnetic Cable Tie Mount Listed Mount Size 22 mm Listed Vertical Pull Up to 22 lbs Housing Steel Surface Protection Protective Rubber Coating Installation Magnetic / Tool-Free Compatible Surfaces Suitable Iron & Steel Cable Ties Included? No ! Compatibility note: Magnetic holding strength depends on the metal type, thickness, contact area, surface condition and direction of load. These mounts are designed for compatible ferromagnetic surfaces such as suitable iron and steel—not aluminum, plastic, wood or other non-magnetic materials. QUESTIONS & ANSWERS Frequently Asked Questions What are these magnetic cable tie mounts used for? They create removable cable-routing points on compatible metal surfaces, helping organize computer cords, USB lines, electrical wiring and other suitable cables. Do I need to drill holes? No. The mounts attach magnetically to compatible iron or steel surfaces, so no drilling is required. Do I need adhesive? No adhesive is required according to the product's written installation description. The magnetic base allows the mount to be removed and repositioned. How strong is each mount? The written product description lists up to 22 lbs of vertical pull per mount under suitable conditions. Actual holding force can vary depending on the metal surface and load direction. Can I move the mounts after installation? Yes. One of the main advantages of the magnetic design is that you can remove and reposition the mounts whenever your cable layout changes. Are cable ties included? No. Standard zip ties are not included and should be supplied separately. Will these stick to aluminum? Generally no. The magnetic base requires a compatible ferromagnetic material such as suitable iron or steel. A Cleaner Cable Setup Without Permanent Installation Secure your cable routes, reduce clutter and keep the freedom to reposition everything whenever your workspace changes.
More you might like
Related
Heavy Duty Magnetic Cable Management System
Related
Heavy-Duty Magnetic Cable Tie Mounts – 22mm Strong Magnetic
Related