<!-- 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-A">A</span>
</div>
<span class="b-eu-range__text">E</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 E has the least wet grip capacity. The difference in wet braking distance between a car fitted with A or E 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">E</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 E 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-green" 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,
C
A
A