<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>
L5-AWCE-2ESE-12
In stock
Only 28 left
Gillette Satin Care Sensitive Skin Women's Shaving Gel 75ml - Pack of 12
Special Price
£14.04
Regular Price
£19.32
Gillette Satin Care Sensitive Skin Women's Shaving Gel (75ml), a compact size shaving gel tailored for women with sensitive 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;">Shaving sensitive skin is one of those everyday tasks that can go wrong quickly, redness, razor burn, that uncomfortable tightness after the blade passes. Gillette Satin Care Sensitive Skin Shaving Gel is formulated specifically to prevent all of that, giving women with sensitive skin a genuinely smooth, comfortable shave without the aftermath.</span></p>
<p><span style="color: #000000;">At the heart of the formula is aloe vera, combined with lubricating agents that work together to protect skin throughout the shave. The rich, creamy lather spreads easily and evenly, creating a cushioning layer that lets the razor glide cleanly rather than dragging, which is where most of the irritation, nicks, and cuts tend to come from in the first place.</span></p>
<p><span style="color: #000000;">Crucially, it doesn't just protect during the shave, it actively locks in the skin's natural moisture throughout, so skin feels genuinely soft and nourished once you rinse rather than dry and stripped. The fragrance-light formula is a considered choice for sensitive skin, keeping things gentle without compromising on that fresh, clean feeling after every use.
</span></p>
<p><span style="color: #000000;">It's dermatologically tested, which is reassurance worth having for a product used on such a regularly shaved and often reactive area of skin. The compact 75ml can is travel-friendly without feeling too small for home use, a size that fits neatly in a shower caddy or washbag with equal ease.
</span></p>
<h4><span style="color: #46a74e;">BENEFITS</span></h4>
<ul>
<li>Specially formulated for women with sensitive or easily irritated skin</li>
<li>Aloe vera and lubricating agents protect against nicks, cuts, and razor burn</li>
<li>Rich, creamy lather for effortless razor glide and comfortable coverage</li>
<li>Locks in natural skin moisture, leaves skin soft and nourished after shaving</li>
<li>Fragrance-light formula, gentle enough for daily use on sensitive skin</li>
<li>Dermatologically tested for added confidence and skin safety</li>
<li>Smooth and comfortable shave with reduced risk of dryness or discomfort</li>
<li>Compact 75ml can - ideal for travel, gym bags, and everyday home use
</li>
</ul>
<h4><span style="color: #46a74e;">DIRECTIONS</span></h4>
<p><span style="color: #000000;">Shake the can well, hold it upright, and dispense the gel onto your hand. Massage the gel onto wet skin, then shave as usual. Rinse thoroughly after shaving.</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 thoroughly with water. Discontinue use if irritation or rash appears. Keep out of reach of children.</span></p>
<p><span style="color: #000000;">A shaving gel that genuinely takes care of sensitive skin rather than just tolerating it - and makes a noticeable difference from the very first use.</span></p>
| EAN | 7702018015252 |
|---|---|
| Brands | Gillette |
| Size | 75ml |
| Number of items | 12 |
| Formulation Type | Shaving Gel |
| Scent | Aloe Vera |
| Usage | Designed for a smooth, irritation-free shave on sensitive skin |
| Pack of | Pack of 12 |
| Ingredients | Water, Palmitic Acid, Triethanolamine, Stearic Acid, Isobutane, Parfum. |
| Skin Type | Sensitive Skin |
| Product Line | Gillette Satin Care |
| Unit Type | ML |
| Department | Women's |
| Compatible Model | Compatible with all women's razors |
| Compatible Brand | Suitable for use with Gillette Venus and other women’s razors |
| Body Area | Legs, underarms, and bikini area |
| Instructions for Use | Apply a small amount of gel onto wet skin, lather into a rich foam, shave, and rinse thoroughly |
| Safety Warning | Avoid contact with eyes; if irritation occurs, discontinue use. Pressurized container—protect from sunlight and do not expose to temperatures exceeding 50°C. Keep out of reach of children. |
Write Your Own Review

