Giro Agilis MIPS Bicycle Helmets The Giro Agilis Mips helmet delivers confident style and exceptional performance for all road disciplines, from quick commutes to long weekend rides. It features a sleek, airy silhouette combined with integrated Mips technology for an added measure of protection. ✅Integrated Safety and Comfort Features The Agilis is built on a foundation of secure fit and advanced brain protection, ensuring stability and safety without compromising comfort. Integrated Mips® Brain Protection System: All Giro helmets are designed to meet and exceed stringent safety standards. The integrated Mips system is designed to reduce rotational forces that may be transferred to the rider’s brain in certain angled impacts. ✅ Roc Loc® 5 Fit System: This industry benchmark in comfort, stability, and adjustability allows you to easily custom-tune the fit tension and the fore-aft tilt of the helmet in seconds, using a single hand. It is exceptionally lightweight, offering the ultimate in "skull-hugging" luxury. Hardbody™ Construction (In-Mold): The tough outer polycarbonate shell is permanently fused to the EPS foam liner using our In-Mold process. This construction enhances the helmet's durability and ventilation while successfully reducing excess bulk and weight. ✅Enhanced Cooling and Durability The Agilis ensures you stay cool when the road heats up, thanks to our proven ventilation system. Wind Tunnel™ Ventilation: Developed utilizing our proprietary ventilation system, this design combines active vents in the shell with interior exhaust channels. This system actively thrusts fresh, cool air over and around the rider's head while efficiently forcing heat and stale air out. It is the most effective cooling system available. Polycarbonate Lower Wrap: A two-piece shell design that combines the tough outer shell with a polycarbonate lower wrap, which is permanently fused to the liner, ensuring long-term durability. 📏 Adult Sizing Chart (Head Circumference) ADULT SIZE HEAD CIRCUMFERENCE (CM) S 51 – 55 M 55 – 59 L 59 – 63 /* Inter Font Setup */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap'); :root { --primary-color: #009879; /* Unified green color (Teal) */ --secondary-color: #e0f2f1; /* Light hover color */ --header-color: var(--primary-color); --key-column-color: #f7f7f7; /* Background for the fixed size column */ --zebra-color: #f3f3f3; } /* Container for horizontal scroll on mobile - THE RESPONSIVE MAGIC */ .responsive-table-container { overflow-x: auto; border-radius: 12px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); margin-bottom: 2.5rem; } /* --- Custom Table Styles --- */ .sizing-table { border-collapse: collapse; min-width: 400px; /* Ensures horizontal scroll on phones */ width: 100%; background-color: white; font-size: 0.9em; font-family: 'Inter', sans-serif; } .sizing-table th, .sizing-table td { padding: 12px 15px; border: 1px solid #dddddd; text-align: center; white-space: nowrap; } /* Applies the unified green background to all header cells */ .sizing-table thead th { background-color: var(--header-color); color: white; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; border-bottom: 3px solid #000; border-right: 1px solid rgba(255, 255, 255, 0.2); } /* First Column (Size) - Sticky for Mobile Scroll */ .sizing-table th:first-child, .sizing-table td:first-child { background-color: var(--key-column-color); font-weight: 600; color: #1f2937; text-align: center; border-right: 2px solid var(--primary-color); position: sticky; /* Keeps this column visible while user scrolls horizontally */ left: 0; z-index: 1; } /* Ensure the sticky header cell is styled correctly */ .sizing-table thead th:first-child { z-index: 2; background-color: var(--header-color); color: white; } /* Zebra striping for readability */ .sizing-table tbody tr:nth-of-type(even) { background-color: var(--zebra-color); } /* Hover effect */ .sizing-table tbody tr:hover { background-color: var(--secondary-color); transition: background-color 0.2s; cursor: default; }
