.camion-eprel-overlay{
position:absolute;
top:10px;
left:10px;
z-index:99;
pointer-events:none;
} .woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a.woocommerce-loop-product__link,
.woocommerce .woocommerce-product-gallery{
position:relative;
} .eutl-overlay,
.eutl-on-single,
.woocommerce ul.products li.product .eutl-overlay,
.woocommerce div.product .woocommerce-product-gallery .eutl-overlay{
display:none !important;
} .camion-eprel-mini{
display:flex;
flex-direction:column;
gap:3px;
align-items:flex-start;
} .camion-eprel-mini .eprel-svg{
width:18px;
height:18px;
display:block;
} .camion-eprel-mini .eprel-row{
position:relative;
display:inline-flex;
align-items:center;
gap:3px;
padding:5px 7px;
border-radius:11px; background: linear-gradient(
180deg,
rgba(255,255,255,0.78),
rgba(255,255,255,0.52)
) !important;
border: 1px solid rgba(255,255,255,0.30);
backdrop-filter: blur(12px) saturate(170%);
-webkit-backdrop-filter: blur(12px) saturate(170%);
box-shadow:
0 14px 34px rgba(0,0,0,0.18),
0 3px 10px rgba(0,0,0,0.10),
inset 0 1px 0 rgba(255,255,255,0.70),
inset 0 -1px 0 rgba(0,0,0,0.06);
overflow:hidden;
transform: translateZ(0);
transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
} .camion-eprel-mini .eprel-row::before{
content:"";
position:absolute;
left:-25%;
top:-55%;
width:150%;
height:120%;
background: radial-gradient(
circle at 30% 30%,
rgba(255,255,255,0.85),
rgba(255,255,255,0.0) 55%
);
opacity:.55;
pointer-events:none;
transition: transform .35s ease, opacity .35s ease;
} .camion-eprel-mini .eprel-row::after{
content:"";
position:absolute;
inset:1px;
border-radius:13px;
border:1px solid rgba(255,255,255,0.24);
pointer-events:none;
} .woocommerce ul.products li.product:hover .camion-eprel-mini .eprel-row,
.woocommerce div.product .camion-eprel-mini .eprel-row:hover{
transform: translateY(-2px) scale(1.01);
box-shadow:
0 20px 44px rgba(0,0,0,0.22),
0 6px 16px rgba(0,0,0,0.12),
inset 0 1px 0 rgba(255,255,255,0.75),
inset 0 -1px 0 rgba(0,0,0,0.06);
filter: saturate(1.05);
}
.woocommerce ul.products li.product:hover .camion-eprel-mini .eprel-row::before,
.woocommerce div.product .camion-eprel-mini .eprel-row:hover::before{
transform: translateX(14px) translateY(6px);
opacity:.62;
} .camion-eprel-mini .eprel-row.fuel{ border-left:7px solid rgba(255,209,0,0.95); }
.camion-eprel-mini .eprel-row.wet{  border-left:7px solid rgba(30,136,229,0.95); }
.camion-eprel-mini .eprel-row.noise{border-left:7px solid rgba(17,17,17,0.85); } .camion-eprel-mini .eprel-row.fuel .eprel-ico{ color: rgba(160,120,0,0.95); }
.camion-eprel-mini .eprel-row.wet  .eprel-ico{ color: rgba(20,90,170,0.95); }
.camion-eprel-mini .eprel-row.noise .eprel-ico{ color: rgba(20,20,20,0.92); }
.camion-eprel-mini .eprel-val{
font-weight:800;
letter-spacing:.2px;
font-size:13px;
line-height:1;
color:#111;
text-shadow: 0 1px 0 rgba(255,255,255,0.40);
} .camion-eprel-mini .eprel-chip{
margin-left:8px;
font-style:normal;
padding:3px 8px;
border-radius:999px;
backdrop-filter: blur(8px) saturate(160%);
-webkit-backdrop-filter: blur(8px) saturate(160%);
background: linear-gradient(
180deg,
rgba(255,255,255,0.80),
rgba(235,240,246,0.70)
);
border:1px solid rgba(0,0,0,0.10);
box-shadow:
0 10px 22px rgba(0,0,0,0.12),
inset 0 1px 0 rgba(255,255,255,0.75),
inset 0 -1px 0 rgba(0,0,0,0.06);
font-size:12px;
opacity:.95;
} @keyframes eprelPop {
from { opacity:0; transform: translateY(6px) scale(.98); }
to   { opacity:1; transform: translateY(0) scale(1); }
}
.camion-eprel-overlay .camion-eprel-mini .eprel-row{
animation: eprelPop .45s ease both;
}
.camion-eprel-overlay .camion-eprel-mini .eprel-row:nth-child(2){ animation-delay:.06s; }
.camion-eprel-overlay .camion-eprel-mini .eprel-row:nth-child(3){ animation-delay:.12s; } @media (max-width: 767px){
.camion-eprel-overlay{ top:8px; left:8px; }
.camion-eprel-mini{ gap:8px; }
.camion-eprel-mini .eprel-row{
padding:5px 5px;
border-radius:11px;
}
.camion-eprel-mini .eprel-val{ font-size:12px; }
}  .camion-eprel-mini .eprel-row.noise{
padding: 6px 3px; min-height: 28px;
gap: 6px;
border-left-width: 5px;
} .camion-eprel-mini .eprel-row.noise .eprel-svg{
width: 20px;
height: 20px;
opacity: .98;
} .camion-eprel-mini .eprel-row.noise .eprel-val{
font-size: 13px;
font-weight: 900; letter-spacing: .2px;
color: #111;
text-shadow:
0 0 0.6px rgba(0,0,0,0.35); } .camion-eprel-mini .eprel-row.noise .eprel-val::after{
content: '';
margin-left: 1px;
} .camion-eprel-mini .eprel-row.noise .eprel-chip{
padding: 1px 6px;
min-height: 18px;
line-height: 16px;
font-size: 11px;
font-weight: 900; letter-spacing: .3px;
color: #111;
opacity: .95;
box-shadow:
0 6px 14px rgba(0,0,0,0.14),
inset 0 1px 0 rgba(255,255,255,0.8);
}
.camion-eprel-mini .eprel-row.noise .eprel-ico {
color: rgba(20, 20, 20, 0.92);
width: 15px; }
.camion-eprel-mini .eprel-chip {
margin-left: 1px;}  .camion-eprel-mini {
position: relative;
} .camion-eprel-mini .eprel-brand-logo{
display: block;
width: 64px; height: 28px; margin: 0 0 10px 0;
object-fit: contain;
object-position: left center;
opacity: 0.96;
pointer-events: none; filter:
drop-shadow(0 6px 12px rgba(0,0,0,.18))
saturate(1.05)
contrast(1.05);
transition: transform .25s ease, opacity .25s ease;
} .camion-eprel-mini:hover .eprel-brand-logo{
transform: translateY(-1px);
opacity: 1;
} .camion-eprel-mini .eprel-brand,
.camion-eprel-mini .eprel-brand-text,
.camion-eprel-mini .eprel-brand-bg{
display: none !important;
} @media (max-width: 767px){
.camion-eprel-mini .eprel-brand-logo{
width: 76px; height: 34px; margin-bottom: 10px;
object-fit: contain;
object-position: left center;
opacity: 0.98; filter:
drop-shadow(0 8px 16px rgba(0,0,0,.22))
saturate(1.08)
contrast(1.08);
}
}
@media (max-width: 767px) {
.camion-eprel-mini {
gap: 3px;
}
}
@media (max-width: 767px) {
.camion-eprel-mini .eprel-row
Specificity: (0,2,0)
{
padding: 5px 5px;
border-radius: 11px;
}
} @media (max-width: 767px){ .camion-eprel-mini .eprel-row.noise .eprel-chip{
display: none !important;
}
}  .camion-eprel-mini .eprel-row.fuel[data-grade="A"] .eprel-val,
.camion-eprel-mini .eprel-row.wet[data-grade="A"]  .eprel-val { color:#00A651; }
.camion-eprel-mini .eprel-row.fuel[data-grade="B"] .eprel-val,
.camion-eprel-mini .eprel-row.wet[data-grade="B"]  .eprel-val { color:#6DBE45; }
.camion-eprel-mini .eprel-row.fuel[data-grade="C"] .eprel-val,
.camion-eprel-mini .eprel-row.wet[data-grade="C"]  .eprel-val { color:#FFD100; }
.camion-eprel-mini .eprel-row.fuel[data-grade="D"] .eprel-val,
.camion-eprel-mini .eprel-row.wet[data-grade="D"]  .eprel-val { color:#F7941D; }
.camion-eprel-mini .eprel-row.fuel[data-grade="E"] .eprel-val,
.camion-eprel-mini .eprel-row.wet[data-grade="E"]  .eprel-val { color:#ED1C24; } .camion-eprel-mini .eprel-row.fuel .eprel-val,
.camion-eprel-mini .eprel-row.wet  .eprel-val{
font-weight: 900;
letter-spacing: .6px;
text-shadow: 0 1px 0 rgba(255,255,255,.35);
}  .camion-eprel-mini .eprel-row.noise{
--noise-color: #FFD100; } .camion-eprel-mini .eprel-row.noise[data-ncls="A"]{ --noise-color:#00A651; }
.camion-eprel-mini .eprel-row.noise[data-ncls="B"]{ --noise-color:#FFD100; }
.camion-eprel-mini .eprel-row.noise[data-ncls="C"]{ --noise-color:#ED1C24; } .camion-eprel-mini .eprel-row.noise .eprel-ico{ color: var(--noise-color); } .camion-eprel-mini .eprel-row.noise .eprel-noise-svg .spk{
opacity: 0.95;
} .camion-eprel-mini .eprel-row.noise .eprel-noise-svg .w1,
.camion-eprel-mini .eprel-row.noise .eprel-noise-svg .w2,
.camion-eprel-mini .eprel-row.noise .eprel-noise-svg .w3{
opacity: 0;
} .camion-eprel-mini .eprel-row.noise[data-ncls="A"] .eprel-noise-svg .w1{ opacity: 0.95; } .camion-eprel-mini .eprel-row.noise[data-ncls="B"] .eprel-noise-svg .w1,
.camion-eprel-mini .eprel-row.noise[data-ncls="B"] .eprel-noise-svg .w2{ opacity: 0.95; } .camion-eprel-mini .eprel-row.noise[data-ncls="C"] .eprel-noise-svg .w1,
.camion-eprel-mini .eprel-row.noise[data-ncls="C"] .eprel-noise-svg .w2,
.camion-eprel-mini .eprel-row.noise[data-ncls="C"] .eprel-noise-svg .w3{ opacity: 0.95; } .camion-eprel-mini .eprel-row.noise .eprel-val{
font-weight: 900;
}  .camion-eprel-mini .eprel-row.fuel[data-grade="A"] .eprel-val,
.camion-eprel-mini .eprel-row.wet[data-grade="A"]  .eprel-val { color:#00A651; }
.camion-eprel-mini .eprel-row.fuel[data-grade="B"] .eprel-val,
.camion-eprel-mini .eprel-row.wet[data-grade="B"]  .eprel-val { color:#6DBE45; }
.camion-eprel-mini .eprel-row.fuel[data-grade="C"] .eprel-val,
.camion-eprel-mini .eprel-row.wet[data-grade="C"]  .eprel-val { color:#FFD100; }
.camion-eprel-mini .eprel-row.fuel[data-grade="D"] .eprel-val,
.camion-eprel-mini .eprel-row.wet[data-grade="D"]  .eprel-val { color:#F7941D; }
.camion-eprel-mini .eprel-row.fuel[data-grade="E"] .eprel-val,
.camion-eprel-mini .eprel-row.wet[data-grade="E"]  .eprel-val { color:#ED1C24; } .camion-eprel-mini .eprel-row.fuel .eprel-val,
.camion-eprel-mini .eprel-row.wet  .eprel-val{
font-weight: 900;
letter-spacing: .6px;
text-shadow: 0 1px 0 rgba(255,255,255,.35);
}  .camion-eprel-mini .eprel-row.noise{
--noise-color: #FFD100; } .camion-eprel-mini .eprel-row.noise[data-ncls="A"]{ --noise-color:#00A651; }
.camion-eprel-mini .eprel-row.noise[data-ncls="B"]{ --noise-color:#FFD100; }
.camion-eprel-mini .eprel-row.noise[data-ncls="C"]{ --noise-color:#ED1C24; } .camion-eprel-mini .eprel-row.noise .eprel-ico{ color: var(--noise-color); } .camion-eprel-mini .eprel-row.noise .eprel-noise-svg .spk{
opacity: 0.95;
} .camion-eprel-mini .eprel-row.noise .eprel-noise-svg .w1,
.camion-eprel-mini .eprel-row.noise .eprel-noise-svg .w2,
.camion-eprel-mini .eprel-row.noise .eprel-noise-svg .w3{
opacity: 0;
} .camion-eprel-mini .eprel-row.noise[data-ncls="A"] .eprel-noise-svg .w1{ opacity: 0.95; } .camion-eprel-mini .eprel-row.noise[data-ncls="B"] .eprel-noise-svg .w1,
.camion-eprel-mini .eprel-row.noise[data-ncls="B"] .eprel-noise-svg .w2{ opacity: 0.95; } .camion-eprel-mini .eprel-row.noise[data-ncls="C"] .eprel-noise-svg .w1,
.camion-eprel-mini .eprel-row.noise[data-ncls="C"] .eprel-noise-svg .w2,
.camion-eprel-mini .eprel-row.noise[data-ncls="C"] .eprel-noise-svg .w3{ opacity: 0.95; } .camion-eprel-mini .eprel-row.noise .eprel-val{
font-weight: 900;
} @media (max-width: 767px){ .camion-eprel-mini .eprel-row{
position: relative;
border-radius: 18px !important;
background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.72)) !important;
border: 1px solid rgba(255,255,255,.55) !important;
box-shadow:
0 18px 40px rgba(0,0,0,.22),
inset 0 1px 0 rgba(255,255,255,.85) !important;
backdrop-filter: blur(16px) saturate(190%);
-webkit-backdrop-filter: blur(16px) saturate(190%);
}  .camion-eprel-mini .eprel-row.fuel .eprel-val,
.camion-eprel-mini .eprel-row.wet  .eprel-val{
display:inline-flex;
align-items:center;
justify-content:center;
min-width: 32px;
height: 26px;
padding: 0 10px;
border-radius: 999px;
background: rgba(255,255,255,.96);
border: 1px solid rgba(0,0,0,.08);
font-weight: 900 !important;
font-size: 15px !important;
letter-spacing: .7px;
box-shadow:
0 12px 22px rgba(0,0,0,.18),
inset 0 1px 0 rgba(255,255,255,.9);
-webkit-text-stroke: .25px rgba(0,0,0,.28);
text-shadow: 0 1px 0 rgba(255,255,255,.35); filter: drop-shadow(0 0 10px var(--glow, rgba(0,0,0,0)));
} .camion-eprel-mini .eprel-row.noise .eprel-ico{
color: var(--noise-color, #FFD100);
filter:
drop-shadow(0 14px 24px rgba(0,0,0,.22))
drop-shadow(0 0 14px var(--noise-glow, rgba(0,0,0,0)));
}
.camion-eprel-mini .eprel-row.noise .eprel-svg{
width: 22px !important;
height: 22px !important;
}
.camion-eprel-mini .eprel-row.noise .eprel-val{
font-size: 13px !important;
font-weight: 900 !important;
color: rgba(18,18,18,.92);
} .camion-eprel-mini .eprel-row.noise .eprel-chip{
display: none !important;
}  .camion-eprel-mini .eprel-row.fuel[data-grade="A"],
.camion-eprel-mini .eprel-row.wet[data-grade="A"]{
--stripe:#00A651;
--glow: rgba(0,166,81,.45);
}
.camion-eprel-mini .eprel-row.fuel[data-grade="A"] .eprel-val,
.camion-eprel-mini .eprel-row.wet[data-grade="A"]  .eprel-val{ color:#00A651; } .camion-eprel-mini .eprel-row.fuel[data-grade="B"],
.camion-eprel-mini .eprel-row.wet[data-grade="B"]{
--stripe:#6DBE45;
--glow: rgba(109,190,69,.40);
}
.camion-eprel-mini .eprel-row.fuel[data-grade="B"] .eprel-val,
.camion-eprel-mini .eprel-row.wet[data-grade="B"]  .eprel-val{ color:#6DBE45; } .camion-eprel-mini .eprel-row.fuel[data-grade="C"],
.camion-eprel-mini .eprel-row.wet[data-grade="C"]{
--stripe:#FFD100;
--glow: rgba(255,209,0,.40);
}
.camion-eprel-mini .eprel-row.fuel[data-grade="C"] .eprel-val,
.camion-eprel-mini .eprel-row.wet[data-grade="C"]  .eprel-val{ color:#C59A00; }  .camion-eprel-mini .eprel-row.fuel[data-grade="D"],
.camion-eprel-mini .eprel-row.wet[data-grade="D"]{
--stripe:#F7941D;
--glow: rgba(247,148,29,.40);
}
.camion-eprel-mini .eprel-row.fuel[data-grade="D"] .eprel-val,
.camion-eprel-mini .eprel-row.wet[data-grade="D"]  .eprel-val{ color:#F7941D; } .camion-eprel-mini .eprel-row.fuel[data-grade="E"],
.camion-eprel-mini .eprel-row.wet[data-grade="E"]{
--stripe:#ED1C24;
--glow: rgba(237,28,36,.40);
}
.camion-eprel-mini .eprel-row.fuel[data-grade="E"] .eprel-val,
.camion-eprel-mini .eprel-row.wet[data-grade="E"]  .eprel-val{ color:#ED1C24; } .camion-eprel-mini .eprel-row.noise{
--stripe: #FFD100;
--noise-color:#FFD100;
--noise-glow: rgba(255,209,0,.42);
}
.camion-eprel-mini .eprel-row.noise[data-ncls="A"]{
--stripe:#00A651;
--noise-color:#00A651;
--noise-glow: rgba(0,166,81,.42);
}
.camion-eprel-mini .eprel-row.noise[data-ncls="B"]{
--stripe:#FFD100;
--noise-color:#FFD100;
--noise-glow: rgba(255,209,0,.42);
}
.camion-eprel-mini .eprel-row.noise[data-ncls="C"]{
--stripe:#ED1C24;
--noise-color:#ED1C24;
--noise-glow: rgba(237,28,36,.42);
} .camion-eprel-mini .eprel-row.noise .eprel-noise-svg .w1,
.camion-eprel-mini .eprel-row.noise .eprel-noise-svg .w2,
.camion-eprel-mini .eprel-row.noise .eprel-noise-svg .w3{
opacity: 0;
}
.camion-eprel-mini .eprel-row.noise[data-ncls="A"] .eprel-noise-svg .w1{ opacity:.95; }
.camion-eprel-mini .eprel-row.noise[data-ncls="B"] .eprel-noise-svg .w1,
.camion-eprel-mini .eprel-row.noise[data-ncls="B"] .eprel-noise-svg .w2{ opacity:.95; }
.camion-eprel-mini .eprel-row.noise[data-ncls="C"] .eprel-noise-svg .w1,
.camion-eprel-mini .eprel-row.noise[data-ncls="C"] .eprel-noise-svg .w2,
.camion-eprel-mini .eprel-row.noise[data-ncls="C"] .eprel-noise-svg .w3{ opacity:.95; }
} .camion-eprel-mini .eprel-row.noise .eprel-chip{
display: none !important;
}