<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>
1I-DPBG-9FA3-config
In stock
Infacare Baby Bath Ultra-Mild Bubble Shampoo 750ml
As low as
£3.43
Regular Price
£3.77
Infacare Baby Bath Ultra-Mild Bubble Shampoo (750ml) is a tear-free, hypoallergenic formula designed for delicate baby skin, creating soft bubbles for a gentle and soothing bath.
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;">Bath time should be one of the most enjoyable parts of a baby's day - calming, fun, and completely free from tears. Infacare Baby Bath Ultra-Mild Bubble Shampoo is designed with exactly that in mind, combining a gentle, tear-free formula with a satisfying bubble action that makes washing hair and scalp a soothing, positive experience rather than a stressful one.</span></p>
<p><span style="color: #000000;">The ultra-mild formula is specifically developed for the delicate skin and scalp of babies, cleansing thoroughly without stripping away the natural moisture that young skin relies on to stay healthy and balanced. The pH-balanced formula respects the sensitivity of a baby's skin barrier, working with it rather than against it - which matters enormously when you're washing daily as part of a regular bath time routine.
</span></p>
<p><span style="color: #000000;">Because it's tear-free, parents can wash hair and scalp with confidence, knowing that even if a little product makes its way towards the eyes, it won't cause the stinging and distress that can make bath time difficult for both baby and parent. It rinses away cleanly and completely, leaving hair soft, fresh, and free from residue.
</span></p>
<p><span style="color: #000000;">The generous 750ml bottle is a practical, family-friendly size that offers excellent value for daily use and reduces how often you need to restock, a small but welcome convenience for busy parents.
</span></p>
<h4><span style="color: #46a74e;">BENEFITS</span></h4>
<ul>
<li>Ultra-mild, tear-free formula designed specifically for babies' delicate skin and scalp
</li>
<li>pH-balanced to respect and maintain the natural skin barrier from the very first wash
</li>
<li>Dermatologically tested, safe and gentle for daily use on sensitive newborn skin
</li>
<li>Gentle cleansing action removes impurities without stripping natural moisture
</li>
<li>Fun, soothing bubble action that makes bath time enjoyable and calming for babies
</li>
<li>Suitable for daily use - gentle enough to use every single day without irritation
</li>
<li>Rinses away cleanly with no residue left on hair or scalp
</li>
<li>Generous 750ml bottle, excellent value for regular everyday use
</li>
</ul>
<h4><span style="color: #46a74e;">DIRECTIONS</span></h4>
<p><span style="color: #000000;">Wet your baby’s hair and body thoroughly. Apply a small amount of shampoo and work into a gentle lather. Massage softly over the scalp and hair, then rinse thoroughly with water. Use regularly as part of your baby’s daily bath routine.</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 water. Discontinue use if irritation occurs. Keep out of reach of children. Store in a cool, dry place away from direct sunlight.</span></p>
| EAN | 5025404002011 |
|---|---|
| Brands | Infacare |
| Size | 750ML |
| Number of items | 1 |
| Formulation Type | Liquid bubble bath and shampoo |
| Scent | Light, soothing baby-fresh fragrance |
| Usage | Pour a small amount into warm bath water for a gentle, foamy cleanse suitable for babies’ sensitive skin and hair |
| Ingredients | Water, Sodium Laureth Sulfate, Cocamidopropyl Betaine, Glycerin, Citric Acid, Sodium Chloride, Phenoxyethanol, Ethylhexylglycerin, and other gentle surfactants and moisturizers to ensure safety and hydration for your baby’s skin. |
| Age Level | Suitable for newborns and toddlers |
| Skin Type | Suitable for sensitive and delicate baby skin |
| Tear Free | No |
| Tear Free | Yes |
| Bottle Material | BPA-free plastic |
| Bottle Features | Easy-to-use, flip-top cap for controlled pouring |
| Theme | Baby bath and skincare |
| Safety Warning | Avoid contact with eyes in case of contact, rinse thoroughly with water. Keep out of reach of children. For external use only. |
| Gender | Unisex |
| Unit Type | liquid bottle |
| Features | Ultra-mild formula, pH-balanced, hypoallergenic, dermatologically tested, tear-free, lightly fragranced, gentle bubbles for a soothing bath |
Write Your Own Review
<div class="element products-slider see-also-div" style="max-width: 1440px; margin: auto;">
</div>
See Also