Adjustable Lumbar Back Stretcher
/* Design System (CSS Variables) - Health & Wellness Theme */ .product-set-container { --primary: #1E3A8A; /* Blue 900 - Trustworthy, medical */ --primary-hover: #1E40AF; /* Blue 8 00 */ --accent: #2563EB; /* Blue 600 - Calming, professional */ --accent-light: #DBEAFE; /* Blue 100 */ --text-main: #334155; /* Slate 700 */ --text-sub: #475569; /* Slate 600 */ --bg-body: #F8FAFC; /* Slate 50 */ --bg-card: #FFFFFF; --border-color: #E2E8F0; /* Slate 200 */ --radius-md: 12px; --radius-lg: 20px; --shadow-sm: 0 4px 6px -1px rgba(30, 58, 138, 0.08), 0 2px 4px -1px rgba(30, 58, 138, 0.04); --shadow-lg: 0 10px 15px -3px rgba(30, 58, 138, 0.08), 0 4px 6px -2px rgba(30, 58, 138, 0.04); /* Typography & Spacing System */ --spacing-section: clamp(3rem, 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.6; } .product-set-container *, .product-set-container *::before, .product-set-container *::after { box-sizing: inherit; } /* Typography Scale */ .product-set-container h1 { font-size: clamp(32px, 4vw, 48px); line-height: 1.2; color: var(--primary); margin: 0 0 1rem 0; font-weight: 900; letter-spacing: -0.02em; } .product-set-container .subtitle { font-size: clamp(18px, 2.5vw, 24px); color: var(--accent); font-weight: 700; margin: 0 0 1.5rem 0; } .product-set-container h2 { font-size: clamp(26px, 3vw, 36px); line-height: 1.3; color: var(--primary); margin: 0 0 1.5rem 0; font-weight: 800; border-bottom: 3px solid var(--accent); display: inline-block; padding-bottom: 0.5rem; } .product-set-container h3 { font-size: clamp(20px, 2.5vw, 26px); line-height: 1.4; color: var(--primary); margin: 0 0 1rem 0; font-weight: 700; } .product-set-container p { font-size: clamp(16px, 2vw, 18px); color: var(--text-sub); margin: 0 0 1.5rem 0; } /* Badges */ .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(--primary); border-radius: 30px; font-size: 14px; font-weight: 700; color: #FFFFFF; letter-spacing: 0.03em; box-shadow: var(--shadow-sm); } .detail-badge.accent { background: var(--accent); } /* Image Protocol & Placeholders */ .img-placeholder { width: 100%; background-color: var(--bg-card); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: var(--shadow-sm); margin-bottom: 1.5rem; border: 1px solid var(--border-color); } .img-placeholder img { width: 100%; height: auto; display: block; border-radius: var(--radius-md); transition: transform 0.4s ease; } .img-placeholder:hover img { transform: scale(1.03); } /* Modules */ .hero-section { text-align: center; margin-top: 3rem; margin-bottom: var(--spacing-section); background: var(--bg-card); padding: 4rem 2rem; border-radius: var(--radius-lg); border: 1px solid var(--border-color); box-shadow: var(--shadow-lg); } .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); box-shadow: var(--shadow-sm); margin-bottom: 2rem; border: 1px solid var(--border-color); } .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 2rem; margin-bottom: 1rem; border: 1px solid var(--border-color); border-left: 4px solid var(--accent); transition: all 0.2s ease; } .faq-item:hover { box-shadow: var(--shadow-sm); transform: translateX(4px); } .faq-question { font-size: clamp(18px, 2.5vw, 20px); font-weight: 800; color: var(--primary); margin-bottom: 0.75rem; } .faq-answer { font-size: clamp(16px, 2vw, 17px); color: var(--text-sub); margin: 0; } /* Desktop Enhancements */ @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: 1.25rem 1.5rem; text-align: left; border-bottom: 1px solid var(--border-color); font-size: 17px; } .specs-table th { font-weight: 800; color: var(--primary); width: 35%; background-color: var(--bg-body); text-transform: uppercase; letter-spacing: 0.05em; } .specs-table tr:last-child td, .specs-table tr:last-child th { border-bottom: none; } } /* Mobile Specs Table Lock */ @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: 1.25rem; } .specs-table td { display: flex; flex-direction: column; padding: 0.75rem 0; border-bottom: 1px solid var(--border-color); font-size: 15px; text-align: left; } .specs-table td:last-child { border-bottom: none; padding-bottom: 0; } .specs-table td::before { content: attr(data-label); font-weight: 800; color: var(--primary); text-transform: uppercase; margin-bottom: 0.25rem; font-size: 13px; letter-spacing: 0.05em; } } Adjustable Lumbar Back Stretcher Spine Decompression & Posture Correction Device 🦴 4-Level Support 💆 Acupressure Nodes 👜 Portable 🪑 Dual-Position 🛡 Orthopedic Support Relieve Back Pain & Improve Posture in Just Minutes a Day. Designed to provide targeted spinal decompression, reduce stiffness, and support healthy posture alignment. 4-Level Adjustable Lumbar Support This back stretcher features 4 adjustable angles ranging from 15° to 42° to provide targeted spinal decompression. Just 10 minutes of daily use helps stretch the spine, reduce stiffness, and support healthy posture alignment. 102 Acupressure Massage Nodes Built-in acupressure nodes deliver deep tissue stimulation that boosts circulation and helps relieve lower back tension and pressure. Perfect for easing muscle fatigue after long hours of sitting or driving. Portable & Foldable Design Weighing only 0.75 lbs (340g), the foldable design makes it easy to carry in gym bags, backpacks, or travel luggage. Use it anytime at home, in the office, or even in the car for quick spinal stretching. Dual-Position Back Decompression Use it while seated to support spinal alignment or recline for deeper back stretching and disc pressure relief. The ergonomic curve design follows the natural shape of your spine. Strong & Orthopedic Support Constructed from durable medical-grade PP material with comfortable NBR padding. Supports up to 400 lbs while delivering stable and safe spinal stretching. Product Specifications Specification Details Product Type Lumbar Back Stretcher Material Medical Grade PP + NBR Cushion Adjustable Levels 4 Levels (15°–42°) Size 13.8 × 9.25 inches (35 × 23.5 cm) Weight 0.75 lbs (340 g) Weight Capacity Up to 400 lbs Usage Back stretching, posture correction, spinal decompression Suitable For Home, office, car, travel, gym FAQ 1. How long should I use the back stretcher? 10–15 minutes per day is recommended for optimal spinal stretching and relief. 2. Is it suitable for people with lower back pain? Yes, it helps relieve pressure and improve flexibility in the lower back. 3. Can it support heavier users? Yes. The durable design supports up to 400 lbs safely. 4. Can I use it in the office chair? Yes. It can be used while seated or lying down for different stretching effects. 5. Is it portable for travel? Absolutely. The lightweight foldable design makes it easy to carry anywhere.