<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>
PHPCBW44S-config
In stock
Pampers Harmonie Protect and Care Baby Wipes 44s
As low as
£1.38
Regular Price
£1.61
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;">Choosing a baby wipe that's both genuinely gentle and responsibly made is becoming increasingly important for modern parents and Pampers Harmonie Protect and Care Baby Wipes deliver on both counts without asking you to compromise on either. Made with plant-based fibres and a touch of premium cotton, these wipes are soft, effective, and thoughtfully designed for the delicate skin of newborns and young babies.
</span></p>
<p><span style="color: #000000;">The enrichment with calendula extract is one of the most notable features of the Harmonie range. Calendula has a long, well-established history in gentle skin care for its naturally soothing and nourishing properties, it calms sensitive skin, supports the skin's natural comfort, and brings a touch of botanical care to every nappy change and clean-up that standard wipes simply don't offer. Combined with a formula that's both alcohol-free and fragrance-free, it keeps the experience as pure and gentle as possible on skin that's still developing its natural resilience.
</span></p>
<p><span style="color: #000000;">The dermatologically tested formula is pH-balanced to help maintain the skin's natural protective barrier, preventing the irritation that can build up with repeated daily wiping on sensitive newborn skin. Safe for use from birth, it's gentle enough for everyday clean-ups throughout the nappy stage without causing dryness or discomfort.
</span></p>
<p><span style="color: #000000;">For eco-conscious parents, the sustainability credentials are genuinely meaningful. These wipes contain zero plastic, are made with plant-based fibres, and come in packaging produced with 70% recycled materials, a complete approach to responsible baby care that covers both what touches your baby's skin and what ends up in the bin.
The pack of 44 is a practical everyday size for home use and on-the-go nappy changes alike.
</span></p>
<h4><span style="color: #46a74e;">BENEFITS</span></h4>
<ul>
<li>Enriched with calendula extract for a naturally soothing and nourishing clean</li>
<li>Made with plant-based fibres and premium cotton, soft yet thoroughly effective</li>
<li>Alcohol-free and fragrance-free - gentle on the most sensitive newborn skin</li>
<li>pH-balanced formula maintains the skin's natural protective barrier</li>
<li>Dermatologically tested and safe for use on newborns from the very first day</li>
<li>0% plastic construction - a genuinely responsible choice for eco-conscious parents</li>
<li>Packaging made with 70% recycled materials for a lower environmental footprint</li>
<li>Pack of 44 - convenient everyday size for home and on-the-go use
</li>
</ul>
<h4><span style="color: #46a74e;">DIRECTIONS</span></h4>
<p><span style="color: #000000;">Gently wipe your baby's skin during nappy changes or cleanup, then dispose of the wipe in a bin.</span></p>
<h4><span style="color: #46a74e;">WARNINGS</span></h4>
<p><span style="color: #000000;">Avoid contact with eyes. Discontinue use if skin irritation occurs. Dispose of used wipes properly; do not flush.</span></p>
<p><span style="color: #000000;">Gentle, nourishing, and kind to the planet, a baby wipe that takes care of your baby's skin and the environment in equal measure.</span></p>
| EAN | 8700216250641 |
|---|---|
| Brands | Pampers |
| Type | Baby Wipes |
| Color | White |
| Size | 44 wipes |
| Brand | Pampers |
| Ingredients | Aqua, Citric Acid, PEG-40 Hydrogenated Castor Oil, Sodium Citrate, Sorbitan Caprylate, Sodium Benzoate, Disodium EDTA, Xanthan Gum, Parfum, Glycerin, Calendula Officinalis Flower Extract, Glucose |
| Age Level | Newborn |
| Skin Type | Sensitive |
| Tear Free | No |
| Tear Free | Yes |
| Recommended Age Range | 0+ months |
| Safety Warning | Avoid contact with eyes. Discontinue use if skin irritation occurs. Dispose of used wipes properly; do not flush. |
| Unit Type | Count |
| Features | Gentle cleansing for delicate skin |
Write Your Own Review