<!-- product/components/euRatingsTab.hbs -->
<div class="b-eu-ratings">
<div class="b-eu-ratings-head b-font__tertiary">
<div class="b-eu-ratings-head__title">Eu tyre label explained</div>
<div class="b-eu-ratings-head__wrap">
<div class="b-eu-ratings-head__item">
<div class="b-eu-ratings-head__item-circle b-eu-ratings-head__item-circle--color-green"></div>
<div class="b-eu-ratings-head__item-text">Great</div>
</div>
<div class="b-eu-ratings-head__item">
<div class="b-eu-ratings-head__item-circle b-eu-ratings-head__item-circle--color-orange"></div>
<div class="b-eu-ratings-head__item-text">Good</div>
</div>
<div class="b-eu-ratings-head__item">
<div class="b-eu-ratings-head__item-circle b-eu-ratings-head__item-circle--color-red"></div>
<div class="b-eu-ratings-head__item-text">Satisfactory</div>
</div>
</div>
</div>
<div class="b-eu-ratings__wrap">
<div class="b-eu-ratings__item">
<div class="b-eu-ratings__item-head">
<div class="b-eu-ratings__item-icon b-eu-ratings__item-icon--color-green icon-wetgrip"></div>
<h5 class="b-eu-ratings__item-title">Wet Grip</h5>
<div class="b-eu-ratings__item-subtitle">Braking in the rain</div>
</div>
<div class="b-eu-ratings__item-description">
<div class="b-eu-range">
<span class="b-eu-range__text">A</span>
<div class="b-eu-range__line">
<span class="b-eu-range__line-position b-eu-range__line-position--value-B">B</span>
</div>
<span class="b-eu-range__text">G</span>
</div>
Tyres with strong wet weather grip have shorter braking distances on slippery roads and have a higher aquaplaning resistance. The best performing tyre is A, while G has the least wet grip capacity. The difference in wet braking distance between a car fitted with A or G class tyres is over 10 metres.
</div>
</div>
<div class="b-eu-ratings__item">
<div class="b-eu-ratings__item-head">
<div class="b-eu-ratings__item-icon b-eu-ratings__item-icon--color-green icon-fuel"></div>
<h5 class="b-eu-ratings__item-title">Fuel Efficiency</h5>
<div class="b-eu-ratings__item-subtitle">Cost saving</div>
</div>
<div class="b-eu-ratings__item-description">
<div class="b-eu-range">
<span class="b-eu-range__text">A</span>
<div class="b-eu-range__line">
<span class="b-eu-range__line-position b-eu-range__line-position--value-C">C</span>
</div>
<span class="b-eu-range__text">G</span>
</div>
Tyres with a high fuel efficiency rating help lower driving costs and CO2 emissions. Category A is the most efficient and has the lowest rolling resistance, which means less energy is lost and fuel consumption and CO2 emissions are reduced. Category G is the least efficient of the seven categories.
</div>
</div>
<div class="b-eu-ratings__item">
<div class="b-eu-ratings__item-head">
<div class="b-eu-ratings__item-icon">
<svg viewBox="0 0 116.2 100" width="116.2" height="100" class="b-eu-ratings__item-svg b-eu-ratings__item-svg--color-orange" fill="#aeaeae">
<g class="horn">
<path d="M47.1,75.5c0,1.4-0.8,2.7-2.1,3.3c-0.5,0.2-1,0.4-1.6,0.4c-0.8,0-1.7-0.3-2.4-0.9L20.8,61.6H10.1c-2,0-3.7-1.7-3.7-3.7 V43.2c0-2,1.7-3.7,3.7-3.7h10.8l20.2-16.8c1.1-0.9,2.6-1.1,3.9-0.5c1.3,0.6,2.1,1.9,2.1,3.3L47.1,75.5L47.1,75.5z"/>
</g>
<g class="first">
<path d="M60.6,66.8c-1.4,0-2.7-0.6-3.6-1.8c-1.5-2-1.1-4.8,0.9-6.3c2.7-2,4.3-5.2,4.3-8.6c0-3.4-1.6-6.5-4.3-8.6 c-2-1.5-2.4-4.3-0.9-6.3c1.5-2,4.3-2.4,6.3-0.9c5,3.7,8,9.6,8,15.8s-3,12.1-8,15.8C62.5,66.5,61.6,66.8,60.6,66.8z"/>
</g>
<g class="second">
<path d="M76.6,74.9c-1.4,0-2.7-0.6-3.6-1.8c-1.5-2-1.1-4.8,0.9-6.3c5.3-4,8.4-10.1,8.4-16.7s-3.1-12.7-8.4-16.7 c-2-1.5-2.4-4.3-0.9-6.3c1.5-2,4.3-2.4,6.3-0.9c7.5,5.6,12.1,14.6,12.1,23.9S86.8,68.4,79.3,74C78.5,74.6,77.5,74.9,76.6,74.9z"/>
</g>
<g class="third">
<path d="M89.2,88.5c-1.4,0-2.7-0.6-3.6-1.8c-1.5-2-1.1-4.8,0.9-6.3c9.7-7.2,15.2-18.2,15.2-30.3S96.2,27,86.5,19.8 c-2-1.5-2.4-4.3-0.9-6.3c1.5-2,4.3-2.4,6.3-0.9c11.8,8.8,18.9,22.8,18.9,37.5c0,14.7-7.1,28.7-18.9,37.5 C91,88.2,90.1,88.5,89.2,88.5z"/>
</g>
</svg>
</div>
<h5 class="b-eu-ratings__item-title">Noise Level</h5>
<div class="b-eu-ratings__item-subtitle">Exterior noise</div>
</div>
<div class="b-eu-ratings__item-description">
<div class="b-eu-ratings-noise">
<span class="b-eu-ratings-noise__text">70db</span>
<svg class="b-eu-ratings-noise__svg b-eu-ratings-noise__svg--2" width="40" height="40" viewBox="0 0 32 32" fill="#aeaeae">
<g class="first">
<path d="M6.482 22.959c-0.583 0-1.125-0.25-1.5-0.75-0.625-0.833-0.458-2 0.375-2.625 1.125-0.833 1.792-2.166 1.792-3.583s-0.667-2.708-1.792-3.583c-0.833-0.625-1-1.791-0.375-2.625s1.792-1 2.625-0.375c2.083 1.542 3.333 4 3.333 6.583s-1.25 5.041-3.333 6.583c-0.333 0.25-0.708 0.375-1.125 0.375z"></path>
</g>
<g class="second">
<path d="M13.148 26.334c-0.583 0-1.125-0.25-1.5-0.75-0.625-0.833-0.458-2 0.375-2.625 2.208-1.666 3.5-4.208 3.5-6.958s-1.292-5.291-3.5-6.958c-0.833-0.625-1-1.792-0.375-2.625s1.791-1 2.625-0.375c3.125 2.333 5.041 6.083 5.041 9.957s-1.916 7.624-5.041 9.957c-0.333 0.25-0.75 0.375-1.125 0.375z"></path>
</g>
<g class="third">
<path d="M18.397 32c-0.583 0-1.125-0.25-1.5-0.75-0.625-0.833-0.458-2 0.375-2.625 4.041-3 6.333-7.583 6.333-12.624s-2.291-9.624-6.333-12.624c-0.833-0.625-1-1.792-0.375-2.625s1.791-1 2.625-0.375c4.916 3.666 7.874 9.499 7.874 15.623s-2.958 11.957-7.874 15.623c-0.375 0.25-0.75 0.375-1.125 0.375z"></path>
</g>
</svg>
</div>
<p>A tyre’s exterior noise rating is measured in decibels, shown with one, two or three sound waves.</p>
<p><b>1 green wave:</b> Best noise level performance, 3dB or more below the European limit.</p>
<p><b>2 amber waves:</b> Moderate, between 3dB and the European limit.</p>
<p><b>3 red waves:</b> Weakest performance, above the European limit.</p>
<p> 2 Bars - Meets future EU noise limits</p>
</div>
</div>
</div>
</div>
C
B
70
