Universal Car Mudguard Set Front and Rear Long – 4 Pieces Black

<section class="product-wrap">
<header class="hero">
<div class="hero__content">
<h1>Universal Mud Flaps / Mudguards</h1>
<p class="subtitle">
Protect your vehicle from mud, stones, and road debris — while keeping a clean, stylish look.
</p>
<ul class="badges" aria-label="Key highlights">
<li>Universal Fit</li>
<li>TPE + PVC</li>
<li>Paint & Body Protection</li>
<li>Easy Installation</li>
</ul>
</div>
</header>

<div class="grid">
<article class="card">
<h2>Why You’ll Love It</h2>
<p>
Designed to guard your front and rear wheel arches, these universal mud flaps help protect paintwork
and body panels from everyday road hazards. They also support safer driving by reducing mud and stone
splash toward other vehicles.
</p>
</article>

<article class="card">
<h2>Material & Durability</h2>
<ul class="list">
<li><strong>Durable & flexible:</strong> Made from a combination of TPE and PVC.</li>
<li><strong>Long-lasting:</strong> Built to withstand daily road conditions.</li>
<li><strong>Easy to clean:</strong> Simply wipe down to keep them looking fresh.</li>
</ul>
</article>

<article class="card">
<h2>Protection & Safety</h2>
<ul class="list">
<li><strong>Full protection:</strong> Helps shield paint and bodywork from mud, stones, and debris.</li>
<li><strong>Safer driving:</strong> Helps prevent splash and stone spray onto other vehicles.</li>
<li><strong>Neat appearance:</strong> Adds a subtle, sporty finish to your vehicle.</li>
</ul>
</article>

<article class="card">
<h2>Installation</h2>
<div class="install">
<div class="install__block">
<h3>For Duster (2013–2017), Amarok & Hilux</h3>
<p class="muted">
Installation uses existing bolts — <strong>no additional screws required</strong>.
</p>
</div>

<div class="install__block">
<h3>For Other Vehicle Models</h3>
<p class="muted">
The set includes <strong>3 screws per piece</strong> for secure mounting.
Turning the front wheels provides easier access during installation.
</p>
</div>

<ol class="steps">
<li>Clean and dry the installation area.</li>
<li>Align the mud flap behind the appropriate wheel.</li>
<li>Flex the mud flap gently to fit the wheel arch.</li>
<li>Secure using existing bolts (supported models) or the included screws.</li>
</ol>
</div>
</article>

<article class="card card--outline">
<h2>Features at a Glance</h2>
<ul class="checks">
<li>Universal design fits many car models</li>
<li>TPE + PVC blend for strength and flexibility</li>
<li>Helps protect paint and bodywork from road debris</li>
<li>Reduces splash and stone spray for improved road safety</li>
<li>Simple installation with bolts (select models) or included screws</li>
</ul>
</article>
</div>
</section>

<style>
:root{
--bg:#0b1220;
--card:#0f1a2d;
--card2:#0c1627;
--text:#eaf0ff;
--muted:#b8c4e6;
--line:rgba(255,255,255,.10);
--accent:#6aa7ff;
--accent2:#7cf0c5;
--shadow: 0 18px 60px rgba(0,0,0,.35);
--radius:18px;
}

.product-wrap{
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
color: var(--text);
background: radial-gradient(900px 500px at 15% 10%, rgba(106,167,255,.22), transparent 60%),
radial-gradient(700px 450px at 85% 0%, rgba(124,240,197,.16), transparent 55%),
linear-gradient(180deg, var(--bg), #070b14 75%);
padding: 28px;
border-radius: 22px;
}

.hero{
border: 1px solid var(--line);
background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: 26px 24px;
margin-bottom: 18px;
}

h1{
margin: 0 0 8px;
font-size: clamp(22px, 3.2vw, 34px);
letter-spacing: .2px;
line-height: 1.15;
}

.subtitle{
margin: 0 0 14px;
color: var(--muted);
font-size: 15px;
line-height: 1.55;
max-width: 75ch;
}

.badges{
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 0;
margin: 0;
}

.badges li{
border: 1px solid var(--line);
background: rgba(255,255,255,.04);
padding: 8px 12px;
border-radius: 999px;
font-size: 12.5px;
color: var(--text);
backdrop-filter: blur(8px);
}

.grid{
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 14px;
}

.card{
grid-column: span 6;
border: 1px solid var(--line);
background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: 18px 18px;
}

.card--outline{
grid-column: span 12;
background: linear-gradient(180deg, rgba(106,167,255,.10),