.product-detail-container { /* Design System Variables */ --primary: #8BC34A; /* Fluorescent Green */ --primary-hover: #7CB342; --accent: #FF5722; /* Orange for CTAs */ --text-main: #212121; --text-sub: #757575; --bg-body: #FFFFFF; --bg-card: #F5F5F5; --bg-soft: #FAFAFA; --radius-md: 8px; --radius-lg: 12px; --shadow-sm: 0 2px 4px rgba(0,0,0,0.05); --shadow-lg: 0 4px 12px rgba(0,0,0,0.1); --border-color: #E0E0E0; --spacing-section: clamp(2rem, 5vw, 4rem); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--text-main); line-height: 1.6; } /* Base Styles */ h1, h2, h3 { margin: 0 0 1rem; font-weight: 700; line-height: 1.2; } h1 { font-size: clamp(32px, 5vw, 44px); } h2 { font-size: clamp(24px, 4vw, 32px); } h3 { font-size: clamp(20px, 3vw, 24px); } p { margin: 0 0 1rem; font-size: clamp(16px, 2vw, 18px); color: var(--text-sub); } .section-block { margin-bottom: var(--spacing-section); } img { width: 100%; height: auto; display: block; border-radius: var(--radius-md); } /* Badges & Tags */ .badge-group { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem; } .badge { display: inline-block; padding: 0.25rem 0.75rem; border-radius: 50px; font-size: 14px; font-weight: 600; background: var(--bg-card); color: var(--text-sub); } .badge.primary { background: var(--primary); color: white; } .badge.accent { background: var(--accent); color: white; } /* A. Intro / Hero Content Block */ .hero-section { text-align: center; } .hero-content { max-width: 800px; margin: 0 auto 2rem; } .hero-trust-label { display: inline-block; margin-bottom: 1rem; font-weight: 600; color: var(--primary); background: rgba(139, 195, 74, 0.1); padding: 0.5rem 1rem; border-radius: var(--radius-md); } /* B. Feature Sections */ .feature-section { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; } @media (min-width: 768px) { .feature-section { grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4rem); } /* Z-Pattern: Reverse order for even sections */ .feature-section:nth-child(even) .feature-media { order: 2; } .feature-section:nth-child(even) .feature-copy { order: 1; } } .feature-copy { padding: 1rem; } .feature-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; } .feature-tag { font-size: 14px; color: var(--text-sub); background: var(--bg-soft); padding: 0.25rem 0.75rem; border-radius: var(--radius-md); border: 1px solid var(--border-color); } /* C. Specifications */ .specs-section { background: var(--bg-card); padding: clamp(1.5rem, 4vw, 3rem); border-radius: var(--radius-lg); } .specs-table { width: 100%; border-collapse: collapse; margin-top: 1.5rem; } .specs-table th, .specs-table td { padding: 1rem; text-align: left; border-bottom: 1px solid var(--border-color); } .specs-table th { font-weight: 600; color: var(--text-main); width: 30%; } .specs-table td { color: var(--text-sub); } @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 { margin-bottom: 1rem; border: 1px solid var(--border-color); border-radius: var(--radius-md); overflow: hidden; } .specs-table td { padding: 0.75rem 1rem; border-bottom: 1px solid var(--bg-soft); display: flex; justify-content: space-between; align-items: center; } .specs-table td:last-child { border-bottom: none; } .specs-table td::before { content: attr(data-label); font-weight: 600; color: var(--text-main); margin-right: 1rem; } } /* D. FAQ */ .faq-section { max-width: 800px; margin: 0 auto; } .faq-item { border-bottom: 1px solid var(--border-color); padding: 1.5rem 0; } .faq-item:last-child { border-bottom: none; } .faq-question { font-weight: 600; font-size: 18px; color: var(--text-main); margin-bottom: 0.5rem; } .faq-answer { color: var(--text-sub); margin: 0; } ✨ Multi-Pack Value (4 / 6 / 8 Sets) Quick-Adjust Reflective Guyline System Secure your entire tent or tarp in seconds with our innovative pulley adjuster and stay safe at night with high-visibility reflective rope. Available in convenient 4, 6, or 8-pack options to cover all your campsite setup needs. Instant Adjustment Auto-Lock One-Touch Tension Control Forget complicated knots. Our intuitive pulley system lets you tighten the guyline by simply pulling the rope. To release or readjust, just press the spring-loaded metal button. It automatically locks in place for a secure hold. Metal Release Button Smooth Pulley Action Secure Locking High Visibility Night Safety Highly Reflective for Nighttime Safety Woven with premium reflective threads, the entire guyline glows brilliantly when illuminated by flashlights or headlamps. This crucial feature drastically reduces the risk of tripping around your campsite in the dark. Interwoven Reflective Strands Prevents Tripping Accidents Essential for Camping Heavy-Duty 4mm Thick Built Strong for Any Weather Featuring a robust 4mm diameter with a nylon and polyester core, this guyline offers impressive load-bearing capacity (approx. 300kg / 660lbs) and exceptional resistance to abrasion, making it reliable for large tarps and tents in windy conditions. ~300kg Load Capacity Abrasion Resistant Nylon/Polyester Core Versatile Use Premium Details Ready for Every Adventure Available in value packs of 4, 6, or 8 sets, you'll have plenty of lines for any scenario. Use them for securing complex tarp configurations, as an outdoor clothesline, or anywhere you need a strong, adjustable rope. Each line includes a metal carabiner clip for quick attachment. Metal Carabiner Included Multi-purpose Durable Hardware Specifications Package Options Available in 4-Pack, 6-Pack, or 8-Pack Components per Set Each single set includes: 1x 4m Reflective Rope, 1x Pulley Adjuster, 1x Metal Carabiner Clip Rope Diameter 4mm Rope Length Approx. 4 meters (13.1 ft) per rope Rope Material Nylon & Polyester Core with Reflective Threads Adjuster Material Durable Plastic Body with Metal Internal Mechanism & Button Load Capacity Approx. 300kg (~660 lbs) per line Available Colors Fluorescent Green, Black, Khaki, Orange, Dark Green, Yellow Frequently Asked Questions Which pack size should I choose (4, 6, or 8)? It depends on your setup. A standard dome tent typically requires 4 guylines. Larger family tents, canopy tarps, or complex hammock setups often need 6 to 8 lines for maximum stability in windy conditions. How do I loosen the rope once it's tightened? Simply press and hold the silver metal button on the side of the pulley adjuster. This releases the internal lock, allowing you to pull the rope freely to loosen it. Release the button to lock it again. Is the metal carabiner rust-proof? The carabiner is made from durable metal designed for outdoor use. While highly resistant to rust under normal camping conditions, we recommend wiping it dry after exposure to significant moisture or salt water to prolong its lifespan. Can I use this for things other than tents? Absolutely! The strong 4mm rope and easy adjustment make it perfect for securing tarps, creating a makeshift clothesline, tie-downs for gear, or any situation where you need an adjustable, high-strength line.
Related
Related
Related
Related