<style>
/* ================== OVERLAY WRAPPER ================== */
#delivery-overlay {
position: fixed;
right: 24px;
bottom: 24px;
width: 100%;
max-width: 36rem;
z-index: 9999;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
font-family: inherit;
}
#delivery-overlay {
z-index: 10;
}
/* ================== CARD ================== */
#delivery-overlay .card {
position: relative;
display: flex;
gap: 16px;
padding: 16px 40px 16px 16px;
border-radius: 16px;
background: rgba(255,255,255,0.9);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid #e5e7eb;
box-shadow: 0 20px 40px rgba(0,0,0,.15);
overflow: hidden;
}
/* decorative blur */
#delivery-overlay .blur-bg {
position: absolute;
top: -40px;
right: -40px;
width: 96px;
height: 96px;
background: rgba(59,130,246,0.12);
border-radius: 50%;
filter: blur(32px);
pointer-events: none;
}
/* ================== ICON ================== */
#delivery-overlay .icon-wrap {
flex-shrink: 0;
background: #dbeafe;
color: #2563eb;
padding: 10px;
border-radius: 999px;
}
/* ================== TEXT ================== */
#delivery-overlay .content {
display: flex;
flex-direction: column;
gap: 6px;
}
#delivery-overlay h3 {
margin: 0;
font-size: 1.4rem;
font-weight: 700;
color: #111827;
display: flex;
align-items: center;
gap: 8px;
}
#delivery-overlay p {
margin: 0;
font-size: 1.4rem;
color: #4b5563;
line-height: 1.4;
}
#delivery-overlay .bold {
font-weight: 700;
color: #111827;
}
/* badge */
#delivery-overlay .badge {
font-size: 10px;
font-weight: 700;
background: #2563eb;
color: #fff;
padding: 2px 6px 0;
border-radius: 999px;
text-transform: uppercase;
letter-spacing: .08em;
}
/* timer row */
#delivery-overlay .timer {
display: flex;
align-items: center;
gap: 6px;
margin-top: 4px;
font-size: 1rem;
color: #6b7280;
}
/* ================== CLOSE BUTTON ================== */
#delivery-overlay .close-btn {
position: absolute;
top: 8px;
right: 8px;
width: 28px;
height: 28px;
border-radius: 999px;
border: none;
background: transparent;
cursor: pointer;
color: #9ca3af;
display: flex;
align-items: center;
justify-content: center;
}
#delivery-overlay .close-btn:hover {
background: #f3f4f6;
color: #4b5563;
}
/* ================== ANIMATIONS ================== */
@keyframes slideIn {
from { transform: translateX(100%); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}
@keyframes fadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
#delivery-overlay.show {
opacity: 1;
pointer-events: auto;
}
#delivery-overlay.slide-in {
animation: slideIn .5s cubic-bezier(.16,1,.3,1) forwards;
}
#delivery-overlay.fade-out {
animation: fadeOut .3s ease forwards;
}
/* ================== MOBILE ================== */
@media (max-width: 480px) {
#delivery-overlay {
right: 12px;
left: 12px;
max-width: none;
}
}
</style>
<!-- ================== HTML ================== -->
<div id="delivery-overlay">
<div class="card">
<div class="blur-bg"></div>
<div class="icon-wrap">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"/>
<path d="M15 18H9"/>
<path d="M19 18h2a1 1 0 0 0 1-1v-5l-4-4h-3v10a1 1 0 0 0 1 1Z"/>
<circle cx="7" cy="18" r="2"/>
<circle cx="17" cy="18" r="2"/>
</svg>
</div>
<div class="content">
<h3>
Fast Delivery
<span class="badge">Next Day</span>
</h3>
<p>
All orders placed before <span class="bold">5:00 PM</span> are delivered Next Day.
</p>
<div class="timer" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"/>
<polyline points="12 6 12 12 16 14"/>
</svg>
<span id="delivery-timer">Time remaining: --h --m --s</span>
</div>
</div>
</div>
</a>
<button class="close-btn" id="close-overlay" aria-label="Close">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 6 6 18"/>
<path d="m6 6 12 12"/>
</svg>
</button>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
const overlay = document.getElementById('delivery-overlay');
const closeBtn = document.getElementById('close-overlay');
const timerEl = document.getElementById('delivery-timer');
if (!overlay || !closeBtn || !timerEl) return;
// -------- show overlay --------
setTimeout(() => {
overlay.classList.add('show', 'slide-in');
}, 1500);
closeBtn.addEventListener('click', () => {
overlay.classList.remove('slide-in');
overlay.classList.add('fade-out');
setTimeout(() => overlay.style.display = 'none', 300);
});
// -------- UK TIME COUNTDOWN --------
function getUKNow() {
const parts = new Intl.DateTimeFormat('en-GB', {
timeZone: 'Europe/London',
year: 'numeric', month: 'numeric', day: 'numeric',
hour: 'numeric', minute: 'numeric', second: 'numeric',
hour12: false
}).formatToParts(new Date());
const g = t => parts.find(p => p.type === t).value;
return new Date(g('year'), g('month') - 1, g('day'), g('hour'), g('minute'), g('second'));
}
function updateTimer() {
const now = getUKNow();
const cutoff = new Date(now);
cutoff.setHours(17, 30, 0, 0); // 5:30 PM UK
if (now >= cutoff) cutoff.setDate(cutoff.getDate() + 1);
const diff = cutoff - now;
if (diff <= 0) return;
const s = Math.floor(diff / 1000);
const h = Math.floor(s / 3600);
const m = Math.floor((s % 3600) / 60);
const sec = s % 60;
timerEl.textContent =
`Time remaining: ${String(h).padStart(2,'0')}h ` +
`${String(m).padStart(2,'0')}m ` +
`${String(sec).padStart(2,'0')}s`;
}
updateTimer();
setInterval(updateTimer, 1000);
});
</script>
Rapdpprcms1-12
In stock
Only 7 left
Rapide DP60 Penetrating Releasing Cleaning Maintenance Spray 250ml - Pack of 12
Special Price
£12.73
Regular Price
£17.76
Rapide DP60 Penetrating Releasing Cleaning Maintenance Spray, a 250ml spray for thorough cleaning and maintenance.
ORDER WITHIN:
FREE DELIVERY OVER £29.99
Only applicable to Mainland UK
<h4><span style="color: #46a74e;">DESCRIPTION</span></h4>
<p><span style="color: #000000;">Every toolkit, workshop, and garage has those jobs that seem simple until a seized bolt, a sticky mechanism, or a rusted component gets in the way. Rapide DP60 is the kind of spray that quietly solves those problems - a multi-purpose penetrating maintenance spray that gets into tight spaces, breaks down rust and grime, and gets things moving again.</span></p>
<p><span style="color: #000000;">The penetrating formula is engineered to work fast. Applied to a rusted or seized part, it creeps into the threads and joints where corrosion takes hold, loosening the grip and allowing you to free parts that would otherwise need brute force or replacing entirely. It's equally effective on sticky hinges, stiff locks, and any mechanism that's stopped working as smoothly as it should.</span></p>
<p><span style="color: #000000;">Beyond releasing seized parts, DP60 cleans away grease, grime, and residue from metal surfaces, leaving them ready to use or treat further. Once applied, it doesn't simply evaporate, it leaves behind a thin protective layer that guards against future corrosion and moisture damage, giving you lasting maintenance rather than a one-time fix.</span></p>
<p><span style="color: #000000;">The 250ml spray bottle delivers precise, targeted coverage with a nozzle that reaches into awkward corners and confined spaces without soaking the surrounding area, a small but genuinely useful design detail when you're working in tight spots.
</span></p>
<h4><span style="color: #46a74e;">BENEFITS</span></h4>
<ul>
<li>Loosens rusted, seized, and corroded nuts, bolts, and fittings</li>
<li>Frees sticky mechanisms including hinges, locks, and sliding parts
</li>
<li>Drives out moisture to prevent further corrosion and electrical faults
</li>
<li>Stops squeaks on metal joints, springs, and moving components
</li>
<li>Cleans grease, grime, and residue from metal surfaces</li>
<li>Leaves a protective coating for long-lasting defence against rust and wear
</li>
<li>Precise spray nozzle for targeted application in hard-to-reach areas
</li>
<li>Suitable for workshop, automotive, home maintenance, and trade use
</li>
</ul>
<h4><span style="color: #46a74e;">DIRECTIONS</span></h4>
<p><span style="color: #000000;">Simply spray Rapide DP60 directly onto the target surface. Allow the solution to penetrate for a few minutes, then wipe or rinse as needed.</span></p>
<h4><span style="color: #46a74e;">WARNINGS</span></h4>
<p><span style="color: #000000;">Caution: Avoid contact with eyes and skin. Ensure usage in well-ventilated areas. Keep away from heat sources. Do not puncture or incinerate the container.</span></p>
<p><span style="color: #000000;">Whether you're working through a list of workshop jobs or dealing with a single stubborn bolt, DP60 is the kind of spray that earns its place on the shelf and stays there.</span></p>
| EAN | 5019702950891 |
|---|---|
| Brands | Rapide |
| Size | 250ml |
| Number of items | 12 |
| Formulation Type | Liquid |
| Usage | Cleaning and maintenance spray, penetrating and releasing stuck parts for easy repair and maintenance. |
| Pack of | Pack of 12 |
| Capacity | 250ml |
| Application Method | Spray |
| Suitable for | Rusted or seized parts, nuts and bolts, hinges, mechanical components, tools, and metal surfaces |
| Unit Type | ML |
| Features | Rapide DP60 Penetrating Releasing Cleaning Maintenance Spray 250ml loosens rusted parts, lubricates moving components, helps protect against corrosion, and ensures precise, easy application. |
| Instructions for Use | Shake well, spray directly onto the affected part from a short distance, allow it to penetrate, then wipe away excess or operate the mechanism as needed. |
| Safety Warning | Use in a well-ventilated area, keep away from heat and open flames, avoid contact with skin and eyes, and keep out of reach of children. |
Write Your Own Review

