<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>
792-0EB-565-config
In stock
Glade Automatic Spray Air Freshener Refill Sandalwood and Jasmine 269ml
As low as
£2.44
Regular Price
£2.64
Glade Automatic Spray Refill in Sandalwood & Jasmine (269ml), a refill featuring the soothing fragrances of sandalwood and jasmine.
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;">Some fragrances do more than just freshen a room, they change the feel of it entirely. Glade's Sandalwood and Jasmine Automatic Spray Refill is one of those. The warm, grounding depth of sandalwood paired with the soft, floral notes of jasmine creates an atmosphere that feels genuinely welcoming rather than simply clean the kind of scent that makes people notice a room in the best possible way.</span></p>
<p><span style="color: #000000;">Designed for use with Glade's automatic spray units, this 269ml refill slots in quickly and takes over seamlessly, releasing fragrance at consistent, timed intervals throughout the day. There's no need to remember to spray, no fading patch of scent mid-afternoon, just a reliably fresh room from morning to evening without any effort on your part.</span></p>
<p><span style="color: #000000;">On the lowest setting, each refill lasts up to 60 days, which makes it one of the more cost-effective ways to keep your home smelling consistently good. Turn it up on days when you want a stronger presence, dial it back when you want something more subtle, the flexibility is a genuinely useful feature that a lot of room fragrance solutions simply don't offer.</span></p>
<p><span style="color: #000000;">It works beautifully in living rooms, hallways, bathrooms, and bedrooms - essentially any space where you want a warm, inviting scent to greet you rather than stale air.</span></p>
<h4><span style="color: #46a74e;">BENEFITS</span></h4>
<ul>
<li>Soothing blend of sandalwood and jasmine for a warm, inviting atmosphere</li>
<li>Up to 60 days of continuous fragrance on the lowest setting</li>
<li>Automatic timed release - no manual spraying needed</li>
<li>Eliminates bad odours instantly rather than simply masking them</li>
<li>Compatible with all Glade automatic spray units - quick and easy to fit</li>
<li>Adjustable settings to control fragrance intensity throughout the day</li>
<li>Ideal for living rooms, bathrooms, hallways, and bedrooms</li>
<li>269ml refill - generous size for long-lasting home fragrance</li>
</ul>
<h4><span style="color: #46a74e;">DIRECTIONS</span></h4>
<p><span style="color: #000000;">Insert the refill can into the Glade automatic air freshener dispenser following the device's instructions. Enjoy a continuous burst of Sandalwood & Jasmine fragrance for a peaceful and delightful ambiance.</span></p>
<h4><span style="color: #46a74e;">WARNINGS</span></h4>
<p><span style="color: #000000;">Keep out of reach of children. Do not expose to temperatures exceeding 50°C. Do not puncture or incinerate. Use only with Glade automatic air freshener dispensers.</span></p>
<p><span style="color: #000000;">A simple, effective way to keep every room in your home smelling beautifully fresh without giving it a second thought.</span></p>
| EAN | 5000204928693 |
|---|---|
| Brands | Glade |
| Size | 269ml |
| Formulation Type | Liquid |
| Scent | Sandalwood & Jasmine |
| Usage | Insert the Glade Automatic Spray Refill Sandalwood & Jasmine 269ml into your unit for continuous, soothing fragrance. |
| Ingredients | Butane, Propane, Isobutane, Fragrance, Propylene Glycol, Limonene, Linalool, Citronellol, Geraniol, Citral, Coumarin. |
| Department | Home & Living, Air Fresheners, Household Care |
| Container Type | Can |
| Model | Glade Automatic Spray Refill |
| Unit Type | ML |
| Suitable for | Home, Office Spaces, Bathrooms, Large and Small Rooms |
| Room Use | Living Room, Bedroom, Bathroom, Kitchen, Office |
| Safety Warning | Avoid direct inhalation and contact with skin; keep out of reach of children and pets. |
| Features | Provides up to 60 days of long-lasting fragrance with a soothing blend of sandalwood and jasmine, ideal for any room. |
| Instructions for Use | Insert the Glade Automatic Spray Refill Sandalwood & Jasmine 269ml into the Glade automatic spray unit, set your preferred fragrance level, and enjoy continuous freshness. |
Write Your Own Review
<div class="element products-slider see-also-div" style="max-width: 1440px; margin: auto;">
</div>





