<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>
OM-94PU-RBVP-1
In stock
Only 13 left
Dove Body Lotion Coconut Oil & Almond Milk 400ml - Pack of 3
Special Price
£10.54
Regular Price
£12.96
It deeply moisturises the body to offer an instant solution to rough, dry skin.
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;">Pamper your skin with the deeply moisturizing Dove Coconut Oil & Almond Milk Body Lotion. This 400 ml lotion blends coconut oil and almond milk to provide long-lasting hydration and help refresh dry, dull skin.</span></p>
<p><span style="color: #000000;">The rich yet lightweight cream absorbs quickly without a greasy residue, leaving your skin smooth, soft, and flexible. A mild, comforting fragrance enhances each use. Ideal for daily care, it supports radiant, healthy-looking, well-hydrated skin.</span></p>
<h4><span style="color: #46a74e;">BENEFITS</span></h4>
<ul>
<li>Restoring Care Body Lotion with Coconut Oil & Almond Milk</li>
<li>Generous 400ml size for long-lasting hydration</li>
<li>Deeply nourishes and moisturizes the skin</li>
<li>Velvety texture for a smooth and luxurious application</li>
<li>Delightful fragrance for an indulgent sensory experience</li>
</ul>
<h4><span style="color: #46a74e;">DIRECTIONS</span></h4>
<p><span style="color: #000000;">Apply Dove Restoring Care Body Lotion generously all over your body, paying extra attention to dry areas. Massage in circular motions until fully absorbed. For best results, use daily as part of your skincare routine.</span></p>
<h4><span style="color: #46a74e;">WARNINGS</span></h4>
<p><span style="color: #000000;">For external use only. Avoid contact with eyes. In case of contact, rinse thoroughly with water. Discontinue use if irritation occurs. Keep out of reach of children. Store in a cool, dry place. Use as directed.</span></p>
| EAN | 8710908778230 |
|---|---|
| Brands | Dove |
| Size | 400 ml |
| Number of items | 3 |
| Formulation Type | Liquid |
| Scent | Almond, Coconut |
| Usage | Deeply moisturises the body |
| Pack of | Pack of 3 |
| Ingredients | Aqua, Glycerin, Stearic Acid, Caprylic/Capric Triglyceride, Dimethicone, Glycol Stearate, PEG-100 Stearate, 1, 2-Hexanediol, Acrylates/C10-30 Alkyl Acrylate Crosspolymer, Carbomer, Cetyl Alcohol, Cocos Nucifera Oil, Cyclopentasiloxane, Decylene Glycol, Disodium EDTA, Glyceryl Stearate, Helianthus Annuss Seed oil, Isomerized Linoleic Acid, Methylparaben, Parfum, PEG-40 Hydrogenated Castor Oil, Pentylene Glycol, Petrolatum, Phenoxyethanol, PotassiumSorbate, Propylene Glycol, Propylparaben, Prunus Amygdalus Dulcis Oil, Prunis Amygdalus Dulcis Seed Extract, Sine Adipe Lac, Stearamide AMP, Tocopheryl Acetate, Trideceth-9, Triethanolamine, Coumarin, CI 77891. |
| Department | Beauty & Personal Care |
| Unit Type | ML |
| Skin Type | Suitable for all skin types, especially dry to very dry skin |
| Body Area | Full body |
| Product Line | Dove Body Care Range |
| Features | Deeply nourishing and hydrating formula |
| Safety Warning | For external use only. Avoid contact with eyes; rinse immediately if contact occurs. Do not apply to broken or irritated skin. Keep out of reach of children. |
| Main Purpose | To deeply moisturise and nourish dry skin, improving softness, smoothness, and overall skin health |
| Instructions for Use | Apply generously to clean, dry skin and massage gently until fully absorbed. Use daily, ideally after bathing or showering, for best results. Focus on dry areas such as elbows, knees, and hands. |
Write Your Own Review
Related Products
Check items to add to the cart or
-
Dove Body Lotion Coconut Oil & Almond Milk 400ml - Pack of 6Special Price £21.06 Regular Price £27.54 -
Dove Body Lotion Coconut Oil & Almond Milk 400ml - Pack of 12Special Price £42.12 Regular Price £57.23
<div class="element products-slider see-also-div" style="max-width: 1440px; margin: auto;">
</div>
See Also