<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>
7R-AT6H-GWOA-6
In stock
Only 7 left
Airpure Air Freshener Auto Refill Jasmine Essence 250ml - Pack of 6
Special Price
£6.37
Regular Price
£7.75
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;">Jasmine is one of those timeless floral scents that manages to feel both fresh and calming at the same time, light enough to work in any room, distinctive enough to make a genuine impression. Airpure's Jasmine Essence Auto Refill brings that fragrance into your home consistently and effortlessly, using a timed automatic release that keeps rooms smelling beautiful throughout the day without any manual effort.
</span></p>
<p><span style="color: #000000;">Designed for use with Airpure automatic air freshener dispensers, this 250ml refill fits and replaces easily, there's no fiddling or adjusting, just a straightforward swap that picks up where your last refill left off. Once it's in, the dispenser handles everything, releasing measured bursts of jasmine fragrance at regular intervals to maintain a steady, pleasant background scent from morning to evening.
</span></p>
<p><span style="color: #000000;">Rather than simply adding a fragrance on top of existing odours, the formula actively helps neutralise unwanted smells - leaving rooms feeling genuinely fresh rather than just scented. It's a distinction that matters, particularly in bathrooms, hallways, and kitchens where odours can build up between cleans.
</span></p><p><span style="color: #000000;">For those who prioritise ethical purchasing, Airpure's vegan-friendly and cruelty-free credentials make this a considered choice that doesn't require a compromise on quality or performance.
The 250ml size provides generous, long-lasting use per refill across a wide range of living spaces.
</span></p>
<h4><span style="color: #46a74e;">BENEFITS</span></h4>
<ul>
<li>Soft, delicate jasmine fragrance that creates a calm and inviting atmosphere
</li>
<li>Compatible with Airpure automatic dispensers for easy, mess-free installation
</li>
<li>Timed automatic release maintains consistent freshness throughout the day
</li>
<li>Neutralises unwanted odours rather than simply masking them with fragrance
</li>
<li>Long-lasting 250ml formula - generous use between refill replacements
</li>
<li>Vegan friendly and cruelty free - no animal-derived ingredients or testing
</li>
<li>Suitable for living rooms, bedrooms, bathrooms, hallways, and office spaces
</li>
<li>No manual spraying needed - set it up and let it quietly do its job
</li>
</ul>
<h4><span style="color: #46a74e;">DIRECTIONS</span></h4>
<p><span style="color: #000000;">Insert the refill can into the automatic air freshener dispenser according to the manufacturer's instructions. Set the dispenser to your desired fragrance intensity. Enjoy continuous freshness as the dispenser releases bursts of Jasmine-scented air at regular intervals.</span></p>
<h4><span style="color: #46a74e;">WARNINGS</span></h4>
<p><span style="color: #000000;">Keep out of reach of children. Use only as directed. Do not puncture or incinerate the can, even when empty. Keep away from heat and open flame. Avoid contact with eyes and skin. If contact occurs, rinse thoroughly with water. Store in a cool, dry place.</span></p>
<p><span style="color: #000000;">A thoughtfully made, consistently effective refill that keeps your home smelling beautifully fresh from one replacement to the next.</span></p>
| EAN | 5060194133798 |
|---|---|
| Brands | Airpure |
| Size | 250ml |
| Number of items | 6 |
| Formulation | Liquid |
| Type | Air Freshener Refill |
| Scent | Jasmine |
| Usage | Creating a consistently fresh and inviting atmosphere. |
| Pack of | Pack of 6 |
| Department | Air freshener refill |
| Container Type | Refill |
| Suitable for | Homes, offices, and other indoor spaces |
| Safety Warning | Extremely flammable aerosol. Pressurised container: May burst if heated. |
| Features | Long-lasting fragrance with a refreshing jasmine scent. |
| Instructions for Use | Insert the refill into your dispenser, set the desired intensity, and enjoy continuous bursts of jasmine fragrance. |
Write Your Own Review
<div class="element products-slider see-also-div" style="max-width: 1440px; margin: auto;">
</div>







