<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>
PRIMEB00MY4NK3O-config
In stock
Cussons Carex The Original Antibacterial Hand Wash 250ml
As low as
£1.14
Regular Price
£1.22
Carex Original Antibacterial Handwash Refill 250ml is a gentle and effective handwash that helps to protect from germs and bacteria
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;">Carex Original is one of those products that has genuinely earned its place in British bathrooms and kitchens over the years and for good reason. It does exactly what an everyday hand wash should do: cleans effectively, reduces bacteria reliably, and leaves hands feeling soft and comfortable rather than dry and stripped after every use.</span></p>
<p><span style="color: #000000;">The antibacterial formula removes dirt and germs thoroughly with each wash, making it a dependable hygiene choice for the whole family throughout the day. Whether it's after handling food, coming in from outside, or simply the routine hand washing that adds up across a busy household, Carex Original handles it consistently without ever feeling harsh or clinical on the skin.</span></p>
<p><span style="color: #000000;">What makes it stand out for daily use is the balance it strikes between effectiveness and skin care. The pH-balanced, dermatologically tested formula is gentle enough for repeated washing without causing the dryness and irritation that less thoughtful antibacterial hand washes can bring on with regular use. Hands feel genuinely clean and refreshed after rinsing, soft and hydrated, not tight and uncomfortable.</span></p>
<p><span style="color: #000000;">The 250ml bottle is a practical everyday size that sits neatly by the kitchen or bathroom sink without being oversized or awkward, and it's suitable for home, office, and shared spaces alike.</span></p>
<h4><span style="color: #46a74e;">BENEFITS</span></h4>
<ul>
<li>Antibacterial formula that removes dirt and reduces bacteria with every wash</li>
<li>Dermatologically tested - gentle and skin-friendly for daily repeated use</li>
<li>pH-balanced to keep hands soft, hydrated, and comfortable after washing</li>
<li>Cleans, cares, and protects in a single, straightforward wash</li>
<li>Suitable for the whole family including children and those with sensitive skin</li>
<li>Ideal for home, office, and public or shared bathroom spaces</li>
<li>Leaves hands feeling fresh, clean, and noticeably soft after every use
</li><li>Trusted Carex formula - a brand British households have relied on for decades
</li>
</ul>
<h4><span style="color: #46a74e;">DIRECTIONS</span></h4>
<p><span style="color: #000000;">
Apply a small amount to wet hands, lather thoroughly, then rinse with warm water. Dry hands completely for best results. Use regularly for ongoing protection.
</span></p>
<h4><span style="color: #46a74e;">WARNINGS</span></h4>
<p><span style="color: #000000;">
For external use only. Avoid contact with eyes. If contact occurs, rinse immediately with clean water. Keep out of reach of children unless supervised by an adult.
</span></p>
<p><span style="color: #000000;">
Tough on germs, gentle on skin, and completely dependable, everything a daily hand wash needs to be.
</span></p>
| EAN | 5900998000332 |
|---|---|
| Brands | Cussons |
| Type | Antibacterial Hand Wash. |
| Size | 250ml |
| Formulation Type | Liquid. |
| Usage | Ideal for everyday hand cleansing, helping reduce bacteria and leaving hands clean, fresh, and soft. |
| Ingredients | Aqua, Sodium Laureth Sulfate, Cocamidopropyl Betaine, Sodium Chloride, Glycerin, Polyquaternium-7, Parfum, Lactic Acid, Sodium Benzoate, Tetrasodium Glutamate Diacetate, Diethylamino Hydroxybenzoyl Hexyl Benzoate, Ethylhexyl Methoxycinnamate, Hexyl Cinnamal, Limonene, Linalool, Alpha-Isomethyl Ionone, Citronellol, CI 42051 |
| Product Line | Carex The Original |
| Body Area | Hands. |
| Instructions for Use | Apply to wet hands, lather, and rinse thoroughly. |
| Skin Type | All skin types. |
| Features | Gently cleans hands, helps reduce bacteria, keeps them soft and hydrated, and is suitable for daily family use. |
| Safety Warning | Avoid contact with eyes. If contact occurs, rinse thoroughly with water. Keep out of reach of children. |
| Unit Type | ML |
Write Your Own Review
<div class="element products-slider see-also-div" style="max-width: 1440px; margin: auto;">
</div>





