<!-- 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-orange 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-d text-capitalize">d</span>
</div>
<span class="b-eu-range__text">E</span>
</div>
An EU Tyre Label of Fuel Efficiency. Category A is the most efficient and has least rolling resistance, whilst category E is least efficient
</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-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-c text-capitalize">c</span>
</div>
<span class="b-eu-range__text">E</span>
</div>
An EU Tyre Label of Wet Condition Grip. A is the best for wet grip and shorter braking distances, whilst E has least wet grip capacity
</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 <span class="text-orange">(71 dB)</span></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 b-eu-range__line-position--value--noise-b text-capitalize">b</span>
</div>
<span class="b-eu-range__text">C</span>
</div>
An EU Tyre Label of Rolling Noise Level. Expressed in decibels (dB) accompanied by an A-C grading. A has the least rolling noise
</div>
</div>
</div>
<div class="b-eu-ratings-bottom">
<h5 class="b-eu-ratings__item-title">European Product Registry Energy Label</h5>
<div class="b-eu-ratings__item mb-20">
<img alt="European Product Registry Energy Label"
src="https://eprel.ec.europa.eu/label/Label_450292.png"/>
</div>
<strong>Note: Tyre label grading information will be displayed differently due to new EU legislation 2021. Rest assured that the performance of the tyres remain the same. Visit (<a href="https://staging-eu01-halfords.demandware.net/s/halfords-uk/tyres/buying-guides/EU-tyre-labels.html">EU Tyre labelling Explained</a>) for more information.</strong>
</div>
</div>
D
C
B (71dB)
