.product-description { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 800px; margin: 0; padding: 0; } .intro-text { font-size: 16px; font-weight: 300; margin-bottom: 32px; color: #2c2c2c; line-height: 1.8; position: relative; padding-left: 16px; border-left: 3px solid #f87171; } .accordion-item { border-bottom: 1px solid #e0e0e0; transition: all 0.2s ease; } .accordion-item:hover { border-bottom-color: #f87171; } .accordion-item:last-child { border-bottom: none; } .accordion-summary { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer; list-style: none; font-size: 13px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: #1a1a1a; transition: all 0.3s ease; position: relative; } .accordion-summary::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: linear-gradient(90deg, #f87171, #fca5a5); transition: width 0.3s ease; } .accordion-summary:hover::before { width: 60px; } .accordion-summary:hover { color: #f87171; padding-left: 8px; } .accordion-summary::-webkit-details-marker { display: none; } .accordion-icon { font-size: 20px; font-weight: 300; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: #999; } .accordion-item[open] .accordion-icon { transform: rotate(45deg); color: #f87171; } .accordion-content { padding: 0 0 24px 0; animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; } @keyframes slideDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } } .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 8px; } .feature-item { padding: 16px; background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%); border-radius: 8px; border: 1px solid #f0f0f0; transition: all 0.3s ease; position: relative; overflow: hidden; } .feature-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(180deg, #f87171, #fca5a5); transition: height 0.3s ease; } .feature-item:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1); border-color: #fecaca; } .feature-item:hover::before { height: 100%; } .feature-item h3 { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 6px; } .feature-item p { font-size: 14px; font-weight: 300; color: #666; margin: 0; line-height: 1.6; } .size-chart { width: 100%; border-collapse: collapse; margin: 1rem 0; background: #f8fafc; border-radius: 8px; overflow: hidden; } .size-chart th { background: #f87171; color: white; font-weight: 600; padding: 12px; text-align: center; font-size: 13px; } .size-chart td { padding: 12px; text-align: center; border-bottom: 1px solid #e2e8f0; font-size: 13px; } .size-chart tr:last-child td { border-bottom: none; } .size-chart tr:hover td { background: #e2e8f0; } .size-header { font-weight: 600; color: #1e293b; background: #f1f5f9; } @media (max-width: 768px) { .features-grid { grid-template-columns: 1fr; gap: 16px; } .feature-item:hover { transform: none; } .accordion-summary:hover { padding-left: 0; } .accordion-summary::before { display: none; } .accordion-summary { padding: 16px 0; font-size: 12px; } .intro-text { font-size: 15px; } .size-chart th, .size-chart td { padding: 8px 4px; font-size: 12px; } } The I/O MAG™, utilizing the Smith MAG™ interchangeable system, is designed for optimized performance and perfected fit: two locking mechanisms for lens security, AirEvac™ ventilation for fog-free integration with Smith helmets, and a frame designed for contoured face fit. All this technology is designed around one of Smith's largest spherical lenses, providing a maximized field of view and 5X™ anti-fog technology. The I/O MAG™ was designed through a process of reducing elements to only the most essential, so there's nothing getting in the way of a great day on the mountain. Features + Magnetic Lens System Smith MAG™ interchangeable system, Includes bright light and low light ChromaPop™ performance lenses Lens Technology Spherical carbonic-x lens, 5X™ anti-fog inner lens, TLT lens technology for crystal clear vision Fit & Comfort Medium fit, Responsive Fit™ frame design, 3-layer DriWix face foam, Available in Low Bridge Fit Strap & Compatibility QuickFit strap adjustment system with clip buckle, Ultra-wide, silicone backed strap, Helmet compatible Size Chart + Size OS