Adjustable Magnetic Seam Guide
/* 1) Design System & CSS Variables */ .product-detail-container { --primary: #2C3E50; --primary-light: #34495E; --accent: #E67E22; --text-main: #222222; --text-sub: #555555; --bg- body: #FFFFFF; --bg-card: #F8F9FA; --border-color: #E0E0E0; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 16px; --shadow-sm: 0 4px 12px rgba(0,0,0,0.05); --shadow-lg: 0 12px 24px rgba(0,0,0,0.08); /* 0) Typography System */ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--text-main); background-color: var(--bg-body); /* Critical Anti-Overflow Rules */ max-width: 1200px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; overflow-wrap: break-word; word-break: break-word; -webkit-font-smoothing: antialiased; } .product-detail-container *, .product-detail-container *::before, .product-detail-container *::after { box-sizing: inherit; } /* Typography Scales */ .pd-h1 { font-size: clamp(32px, 5vw, 44px); font-weight: 800; line-height: 1.2; margin: 0 0 16px 0; color: var(--primary); } .pd-h2 { font-size: clamp(24px, 4vw, 32px); font-weight: 700; line-height: 1.3; margin: 0 0 16px 0; color: var(--primary); } .pd-h3 { font-size: clamp(20px, 3vw, 24px); font-weight: 600; line-height: 1.4; margin: 0 0 12px 0; } .pd-p { font-size: clamp(18px, 2vw, 20px); line-height: 1.7; color: var(--text-sub); margin: 0 0 16px 0; } .pd-small { font-size: clamp(16px, 1.8vw, 18px); line-height: 1.6; color: var(--text-sub); } /* Spacing */ .pd-section { padding: clamp(2rem, 6vw, 5rem) 0; } /* Badges (Non-clickable) */ .pd-badge { display: inline-block; background-color: var(--accent); color: #FFF; font-size: 16px; font-weight: 600; padding: 6px 16px; border-radius: 50px; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 0.5px; } .pd-badge.outline { background-color: transparent; color: var(--accent); border: 2px solid var(--accent); } /* Hero Section */ .hero-header { text-align: center; margin-bottom: clamp(24px, 4vw, 40px); } .hero-proof { display: inline-flex; align-items: center; gap: 8px; background: var(--bg-card); padding: 8px 20px; border-radius: var(--radius-lg); font-weight: 600; font-size: 18px; margin-bottom: 24px; } .hero-stars { color: #F5B041; letter-spacing: 2px; } /* Media/Image Handling (Critical) */ .media-wrapper { width: 100%; border-radius: var(--radius-lg); overflow: hidden; background: var(--bg-card); box-shadow: var(--shadow-sm); } /* Scheme A: Natural Flow */ .media-wrapper img { width: 100%; height: auto; display: block; } /* Scheme B: Placeholder for AI strictly following rules */ .media-placeholder { width: 100%; aspect-ratio: 4 / 3; display: flex; align-items: center; justify-content: center; background: var(--bg-card); border: 2px dashed var(--border-color); border-radius: var(--radius-lg); color: var(--text-sub); font-size: 18px; font-weight: 600; } /* Feature Modules - Mobile Ordering Lock (Mobile First) */ .feature-item { display: flex; flex-direction: column; /* Force Mobile Order: Media Top, Copy Bottom */ gap: 32px; margin-bottom: clamp(3rem, 6vw, 6rem); } .feature-media, .feature-copy { width: 100%; } .feature-copy { display: flex; flex-direction: column; justify-content: center; } /* Desktop Enhancement: Z-Pattern */ @media (min-width: 768px) { .feature-item { flex-direction: row; /* Z-Pattern enabled */ align-items: center; gap: 64px; /* Gap prevents text squeezing */ } .feature-item:nth-child(even) { flex-direction: row-reverse; } .feature-media, .feature-copy { width: 50%; } } /* Specs Table - Card Based on Mobile */ .specs-container { background: var(--bg-card); padding: clamp(24px, 5vw, 48px); border-radius: var(--radius-lg); } .specs-table { width: 100%; border-collapse: collapse; margin-top: 24px; } /* Desktop Table Style */ @media (min-width: 768px) { .specs-table th, .specs-table td { padding: 16px 24px; text-align: left; border-bottom: 1px solid var(--border-color); font-size: 18px; } .specs-table th { width: 40%; color: var(--primary); font-weight: 700; } .specs-table tbody tr:last-child td, .specs-table tbody tr:last-child th { border-bottom: none; } } /* Mobile Table: Card Strategy (CRITICAL: No horizontal scroll) */ @media (max-width: 767px) { .specs-table, .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); margin-bottom: 16px; border-radius: var(--radius-md); box-shadow: var(--shadow-sm); border: 1px solid var(--border-color); overflow: hidden; } .specs-table td { display: flex; justify-content: space-between; align-items: flex-start; padding: 16px; border-bottom: 1px solid var(--bg-card); font-size: 18px; } .specs-table td:last-child { border-bottom: none; } .specs-table td::before { content: attr(data-label); font-weight: 700; color: var(--primary); width: 45%; padding-right: 16px; flex-shrink: 0; } } /* FAQ Section */ .faq-list { display: flex; flex-direction: column; gap: 24px; } .faq-card { background: var(--bg-card); border-radius: var(--radius-md); padding: 24px; border-left: 6px solid var(--primary); } .faq-q { font-size: clamp(20px, 3vw, 22px); font-weight: 700; color: var(--primary); margin-bottom: 12px; } .faq-a { font-size: clamp(18px, 2vw, 20px); color: var(--text-sub); line-height: 1.6; margin: 0; } ★★★★★ Trusted by 10,000+ Sewists Flawless Seams Every Time. Experience professional-quality stitching with the ultimate adjustable round magnetic seam guide. Perfect for lockstitch, industrial machines, and any fabric thickness. Powerful Grip Lock in Perfection Say goodbye to frustrating fabric slips. Our seam guide locks securely onto any metal needle plate with an ultra-strong magnetic grip. Whether you are speeding through straight lines or carefully quilting, it stays firmly in place, ensuring perfectly straight seams and consistent, professional results every single time. Adjustable Thickness From Delicate Silk to Heavy Denim No more uneven seams or frayed edges. Simply turn the adjustable clip to match your exact fabric thickness. This multi-functional magnetic guide clamp adapts effortlessly, giving delicate silks the gentle guidance they need, while firmly holding sturdy cottons and thick denims for a polished, clean finish. Curved Design Master Both Straight & Curved Lines Go beyond basic stitching. The uniquely rounded shape of this precision tool expertly guides fabric along complex curves. Creating smooth rounded hems, tailored collars, detailed cuffs, and circular patterns has never been more intuitive. It transforms challenging curved sewing into an effortless process. Universal & Safe Quick Repositioning with Anti-Pinch Lever Designed for universal compatibility with most home and industrial sewing machines. Just drop it on the needle plate and sew. The built-in anti-pinch lever allows you to make smooth, safe adjustments instantly. Switch between project stages or fine-tune your seam allowance faster and smarter without risking your fingers. Technical Specifications Premium Steel & High-Strength Neodymium Magnet 4.5 cm × 1.5 cm (1.8 in × 0.6 in) 85.0 g (3.0 oz) Silk, Cotton, Canvas, Denim, Leather, Quilting Layers Most Lockstitch, Home Sewing Machines & Industrial Sewing Machines (Requires metal needle plate) Frequently Asked Questions Will this work with my plastic or computerized sewing machine? The guide requires a metal needle plate to attach securely. Most computerized and home machines have a metal plate surrounding the feed dogs where this guide will attach perfectly. Is the magnet safe for computerized sewing machines? Yes. While it is a strong magnet, placing it on the needle plate area is generally safe for modern computerized sewing machines as it stays clear of the internal electronic boards. However, we always recommend checking your machine's manual if you are unsure. How do I adjust it for thicker fabrics like multiple layers of denim? It features an easy-to-use adjustable clip. Simply loosen the top mechanism, raise the guide height to accommodate your fabric thickness, and lock it back into place for a secure, anti-slip hold.
More you might like
Related
Adjustable Magnetic Seam Guide
Related
Adjustable Seam Guide-Magnetic
Related
HEIRLOOM Magnetic Seam Guide | Adjustable Edge Guide
Related