Vanpowers Integrated Goggles Cycling Helmet
.acc-product-wrapper { font-family: 'Trebuchet MS', Arial, sans-serif; line-height: 1.6; color: #333; background-color: #fff; } .acc-product-wrapper a { color: #5f7038; text-decora tion: underline; font-weight: 600; } .acc-product-wrapper a:hover { color: #E3B123; } /* Compatibility Banner */ .acc-product-wrapper .acc-compat-banner { background: #f5f5f0; border-left: 4px solid #5f7038; padding: 14px 18px; margin-bottom: 24px; border-radius: 4px; } .acc-product-wrapper .acc-compat-label { font-size: 13px; color: #5f7038; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; } .acc-product-wrapper .acc-compat-fits { font-size: 15px; color: #333; margin-top: 4px; } /* Quick Specs Bar */ .acc-product-wrapper .at-a-glance-bar { background-color: #212121; color: #fff; padding: 12px 10px; margin-bottom: 24px; border-radius: 4px; } .acc-product-wrapper .glance-container { display: flex; justify-content: space-around; text-align: center; max-width: 800px; margin: 0 auto; flex-wrap: wrap; gap: 15px; } .acc-product-wrapper .glance-item { display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 0.8em; min-width: 90px; padding: 6px 0; } .acc-product-wrapper .glance-title { font-weight: bold; text-transform: uppercase; font-size: 0.9em; letter-spacing: 0.5px; } /* Key Features */ .acc-product-wrapper .acc-features { margin-bottom: 24px; padding: 0; } .acc-product-wrapper .acc-features h3 { font-size: 1.4em; font-weight: bold; color: #5f7038; border-bottom: 2px solid #eee; padding-bottom: 8px; margin-bottom: 16px; text-transform: uppercase; } .acc-product-wrapper .acc-features ul { list-style: none; padding: 0; margin: 0; } .acc-product-wrapper .acc-features li { display: flex; align-items: flex-start; margin-bottom: 12px; padding-left: 30px; position: relative; font-size: 0.95em; } .acc-product-wrapper .acc-features li::before { content: '\2713'; position: absolute; left: 0; top: 0; color: #E3B123; font-size: 1.4em; line-height: 1; font-weight: 900; } /* Accordion */ .acc-product-wrapper .accordion-wrapper { margin: 20px 0; border-top: 1px solid #eee; } .acc-product-wrapper details.accordion-item { border-bottom: 1px solid #eee; margin-bottom: 0; overflow: hidden; } .acc-product-wrapper details.accordion-item summary { padding: 18px 40px 18px 0; font-size: 1.2em; font-weight: 600; color: #1a1a1a; cursor: pointer; position: relative; outline: none; list-style: none; transition: color 0.3s ease; } .acc-product-wrapper details.accordion-item summary::-webkit-details-marker { display: none; } .acc-product-wrapper details.accordion-item summary::after { content: ''; position: absolute; right: 12px; top: 50%; width: 10px; height: 10px; border-right: 2px solid #1a1a1a; border-bottom: 2px solid #1a1a1a; transform: translateY(-70%) rotate(45deg); transition: transform 0.3s ease, border-color 0.3s ease; } .acc-product-wrapper details.accordion-item summary:hover, .acc-product-wrapper details.accordion-item[open] summary { color: #5f7038; } .acc-product-wrapper details.accordion-item[open] summary::after { transform: translateY(-30%) rotate(-135deg); border-color: #5f7038; } .acc-product-wrapper .accordion-content { padding: 0 0 24px 0; } /* Spec Table */ .acc-product-wrapper .table-wrapper { width: 100%; overflow-x: auto; border-radius: 8px; border: 1px solid #ddd; margin-bottom: 16px; } .acc-product-wrapper .spec-table { width: 100%; border-collapse: collapse; } .acc-product-wrapper .spec-table th { background-color: #f7f8f6; font-weight: 900; text-transform: uppercase; font-size: 0.85em; color: #5f7038; border-left: 4px solid #E3B123; padding: 10px 14px; text-align: left; width: 35%; } .acc-product-wrapper .spec-table td { padding: 10px 14px; border: 1px solid #eee; font-size: 0.9em; text-align: left; } .acc-product-wrapper .spec-table tr:hover td { background-color: #fcfcfc; } /* FAQ */ .acc-product-wrapper details.faq-item { border: none; border-bottom: 1px solid #f0f0f0; margin-bottom: 0; } .acc-product-wrapper details.faq-item:last-child { border-bottom: none; } .acc-product-wrapper details.faq-item summary { font-size: 1em; font-weight: 600; padding: 16px 40px 16px 0; color: #2c2c2c; } .acc-product-wrapper details.faq-item summary:hover { color: #5f7038; } .acc-product-wrapper details.faq-item summary::after { width: 8px; height: 8px; border-right: 2px solid #2c2c2c; border-bottom: 2px solid #2c2c2c; } .acc-product-wrapper .faq-answer { padding: 0 0 18px 0; font-size: 0.9em; color: #555; line-height: 1.6; margin: 0; } .acc-product-wrapper .faq-answer a { color: #5f7038; } /* Intro Paragraph */ .acc-product-wrapper .acc-intro { margin-bottom: 24px; padding: 0; } .acc-product-wrapper .acc-intro p { font-size: 1em; line-height: 1.7; color: #333; margin: 0; } /* Lifestyle Gallery Row */ .acc-product-wrapper .acc-gallery { display: flex; gap: 16px; margin-bottom: 28px; justify-content: center; } .acc-product-wrapper .acc-gallery-card { flex: 0 1 45%; max-width: 45%; border: 1px solid #e0e0e0; border-radius: 10px; overflow: hidden; background: #fafafa; box-shadow: 0 2px 8px rgba(0,0,0,0.06); transition: box-shadow 0.3s ease, transform 0.2s ease; } .acc-product-wrapper .acc-gallery-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.10); transform: translateY(-2px); } .acc-product-wrapper .acc-gallery-card img { width: 100%; display: block; object-fit: cover; aspect-ratio: 4/3; } @media (max-width: 680px) { .acc-product-wrapper .acc-gallery { flex-direction: column; align-items: center; } .acc-product-wrapper .acc-gallery-card { flex: none; max-width: 85%; } } /* Flat Sections (specs, FAQ, box — no accordion) */ .acc-product-wrapper .acc-section { margin-bottom: 24px; padding: 0; } .acc-product-wrapper .acc-section h3 { font-size: 1.2em; font-weight: 700; color: #5f7038; border-bottom: 2px solid #eee; padding-bottom: 8px; margin-bottom: 16px; text-transform: uppercase; } .acc-product-wrapper .faq-pair { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #f0f0f0; } .acc-product-wrapper .faq-pair:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .acc-product-wrapper .faq-q { font-weight: 600; font-size: 0.95em; color: #1a1a1a; margin: 0 0 6px 0; } .acc-product-wrapper .faq-a { font-size: 0.9em; color: #555; line-height: 1.6; margin: 0; } .acc-product-wrapper .faq-a a { color: #5f7038; } /* What's In The Box */ .acc-product-wrapper .list-section ul { list-style: none; padding: 0; margin: 0; } .acc-product-wrapper .list-section li { padding-left: 30px; position: relative; margin-bottom: 8px; font-size: 0.95em; } .acc-product-wrapper .list-section li::before { content: '\2713'; position: absolute; left: 0; top: 0; color: #E3B123; font-size: 1.4em; line-height: 1; font-weight: 900; } Helmet Compatible With: Adult riders with a head circumference of approximately 55cm to 65cm (adjustable). Commuting, mountain, and general cycling; pairs with any e-bike. CategoryHelmet FitsAdult riders with a head circumference o… Head CircumferenceApprox. 55cm - 65cm (550-650mm), adjustable BrandState Bicycle Co. A cycling helmet with built-in magnetic goggles, so your eye protection is always right there when you need it and clicks cleanly out of the way when you don't. The adjustable headband dials in a snug fit across a wide size range, while a layered ABS-and-EPS construction and breathable liner keep you protected and comfortable ride after ride. Key Features Integrated HD goggles attach and detach magnetically, so you never have to hunt for your eyewear Adjustable headband dial fits a wide head-circumference range for a secure, personalized fit Hard ABS outer shell over an EPS buffer layer for impact protection Shock-absorbing ring and interior cushioning help take the edge off impacts Moisture-wicking, breathable mesh liner keeps your head cool and dry Ventilation channels move air through the helmet to reduce heat build-up Specifications Head Circumference Approx. 55cm - 65cm (550-650mm), adjustable Dimensions Approx. 27cm x 22cm Goggles Magnetic integrated HD lens goggles Outer Shell ABS Impact Layer EPS buffer layer + shock-absorbing ring Liner Breathable moisture-wicking mesh Frequently Asked Questions q a q a q a What’s In The Box 1 x Vanpowers integrated goggles cycling helmet 1 x Magnetic HD goggles (integrated)