✦ Verified product
Bug-Proof Car Sunshade Screen
USD 12.95
Specification
Vesmio
Verified independent store
→
/* 1) Design System & Variables */ .product-detail-container { --primary: #2C4A73; /* Automotive Trust Blue */ --primary-light: #EBF1F6; /* Soft Breathable Blue */ --accent: #E07A5
F; /* Sunset Orange */ --text-main: #1D1D2C; /* Deep Charcoal */ --text-sub: #5A5A66; /* Cool Gray */ --bg-body: #FFFFFF; --bg-card: #F7F9FA; --border-color: #E2E4E8; --radius-md: 8px; --radius-lg: 16px; --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.05); --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.08); max-width: 1200px; margin: 0 auto; padding: 0 5%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--text-main); background: var(--bg-body); box-sizing: border-box; overflow-wrap: break-word; word-break: break-word; line-height: 1.6; } .product-detail-container * { box-sizing: border-box; } /* 2) Typography System */ .product-detail-container h1 { font-size: clamp(34px, 5vw, 44px); font-weight: 800; line-height: 1.2; margin-top: 0; margin-bottom: 1rem; color: var(--text-main); letter-spacing: -0.02em; } .product-detail-container h2 { font-size: clamp(26px, 4vw, 36px); font-weight: 700; line-height: 1.3; margin-top: 0; margin-bottom: 1rem; color: var(--text-main); } .product-detail-container h3 { font-size: clamp(20px, 3vw, 26px); font-weight: 600; line-height: 1.4; margin-bottom: 0.75rem; color: var(--text-main); } .product-detail-container p { font-size: clamp(18px, 2vw, 20px); color: var(--text-sub); margin-top: 0; margin-bottom: 1.5rem; } /* 3) Global Layout & Image Protocols */ .detail-section { padding: clamp(2rem, 5vw, 4rem) 0; } .img-fluid-container { width: 100%; background: var(--bg-card); border-radius: var(--radius-lg); overflow: hidden; position: relative; border: 1px solid var(--border-color); } .img-fluid-container img { width: 100%; height: auto; display: block; object-fit: cover; } .placeholder-img { width: 100%; aspect-ratio: 4/3; display: flex; align-items: center; justify-content: center; background: var(--bg-card); color: var(--text-sub); font-size: 18px; font-weight: bold; border: 2px dashed var(--border-color); border-radius: var(--radius-lg); } /* 4) Hero Section */ .hero-header { text-align: center; padding-top: clamp(1.5rem, 4vw, 3rem); padding-bottom: clamp(2rem, 5vw, 4rem); } .hero-subtitle { font-size: clamp(20px, 2.5vw, 24px); color: var(--text-sub); max-width: 800px; margin: 0 auto 2rem auto; } .badges-wrapper { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; margin-bottom: 2rem; } .visual-badge { display: inline-flex; align-items: center; background: var(--primary-light); color: var(--primary); padding: 0.75rem 1.25rem; border-radius: 50px; font-size: 16px; font-weight: 600; } /* 5) Features Layout (Mobile Order Lock + Z-Pattern) */ .feature-item { display: flex; flex-direction: column; /* Mobile first: Image top, Text bottom */ gap: clamp(2rem, 5vw, 4rem); margin-bottom: clamp(3rem, 6vw, 6rem); } .feature-media, .feature-copy { width: 100%; } .feature-copy ul { padding-left: 1.5rem; margin-bottom: 1.5rem; } .feature-copy li { font-size: clamp(18px, 2vw, 20px); color: var(--text-sub); margin-bottom: 0.75rem; } @media (min-width: 768px) { .feature-item { flex-direction: row; align-items: center; } .feature-item:nth-child(even) { flex-direction: row-reverse; } .feature-media, .feature-copy { flex: 1; width: 50%; } } /* 6) Specifications Table (Strict Mobile Card) */ .specs-section { background: var(--bg-card); padding: clamp(2rem, 5vw, 4rem); border-radius: var(--radius-lg); margin-bottom: clamp(3rem, 6vw, 6rem); } .specs-table { width: 100%; border-collapse: collapse; margin-top: 2rem; } .specs-table th, .specs-table td { padding: 1.25rem; text-align: left; font-size: 18px; } .specs-table th { background: var(--primary-light); color: var(--primary); font-weight: 700; } .specs-table tr { border-bottom: 1px solid var(--border-color); } /* Mobile Specs Table -> Cards */ @media (max-width: 767px) { .specs-table, .specs-table tbody, .specs-table tr, .specs-table td { display: block; width: 100%; } .specs-table thead { display: none; /* Hide headers */ } .specs-table tr { background: var(--bg-body); border: 1px solid var(--border-color); border-radius: var(--radius-md); margin-bottom: 1rem; padding: 1rem; box-shadow: var(--shadow-sm); } .specs-table td { display: flex; justify-content: space-between; align-items: flex-start; padding: 0.75rem 0; border-bottom: 1px dashed var(--border-color); text-align: right; } .specs-table td:last-child { border-bottom: none; padding-bottom: 0; } .specs-table td::before { content: attr(data-label); font-weight: 700; color: var(--text-main); margin-right: 1rem; text-align: left; flex-shrink: 0; } } /* 7) FAQ Section */ .faq-section { margin-bottom: clamp(3rem, 6vw, 6rem); } .faq-item { border-bottom: 1px solid var(--border-color); padding: 1.5rem 0; } .faq-question { font-size: clamp(20px, 2.5vw, 22px); font-weight: 700; color: var(--text-main); margin-bottom: 0.75rem; } .faq-answer { font-size: 18px; color: var(--text-sub); margin-bottom: 0; } 🛡️ Ultimate Bug Protection 🌞 UPF 50+ Sunshade 🚗 Universal Fit Transform Your Car Into a Bug-Free Oasis Breathe fresh air, enjoy total privacy, and block harmful UV rays without letting a single mosquito inside. The essential upgrade for road trips and car camping. Keep the Bugs Out, Let the Breeze In Featuring a high-density micro-mesh structure, this screen acts as an impenetrable fortress against mosquitoes, flies, and other insects. Uncompromised Airflow: Sleep comfortably in your car with cross-ventilation while keeping pests completely locked out. Tear-Resistant Material: Durable nylon stands up to outdoor elements and daily use. Your Private Sanctuary on Wheels Beyond bug protection, the dense black mesh functions as a powerful sunshade and privacy curtain, making it perfect for families. Block Sun Glare: Shield your children and pets from intense heat and blinding sunlight during long drives. Total Privacy: Create a private space for roadside naps, nursing, or camping without prying eyes. Slip On, Drive On (No Tools Required) Say goodbye to complicated installations, suction cups that fail, or sticky adhesives that ruin your car paint. Elastic Envelope Design: Simply stretch the net over your car window frame like a sleeve in seconds. Roll Down Windows Freely: Because it sits on the exterior frame, you can still roll your windows up and down while the screen is on! Technical Specifications Everything you need to know about our premium anti-mosquito car screens. Specification Details Material High-Stretch Breathable Spandex Mesh Front Window Size 75 x 65 cm (29.5 x 25.6 in) Rear Window Size 60 x 60 cm (23.6 x 23.6 in) Weight 150 g (5.3 oz) UV Protection Level UPF 50+ (Blocks up to 98% of UV rays) Washing Instructions Machine washable (Cold water, gentle cycle) Frequently Asked Questions Can I use this while driving? For safety reasons, we recommend using the front window screens only when parked (like when camping or taking a rest). The rear window screens can be safely kept on while driving to protect passengers from sun and bugs. Will this fit my specific car model? Yes! The highly elastic spandex material is designed to stretch and universally fit the window frames of 95% of standard Sedans, SUVs, and Hatchbacks. (Not suitable for frameless windows or sliding minivan doors). Can I roll my windows down while the screen is on? Absolutely. Because the screen wraps around the entire door frame (not just the glass), you can roll your windows completely down to let the breeze in while the bug-blocking mesh stays securely in place.
