<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>
FAMAFLS185ML-config
In stock
Febreze Air Mist Lavender Scent Air Freshener & Odour Remover 185ml
As low as
£2.30
Regular Price
£2.46
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;">There is a reason lavender has been associated with calm, cleanliness, and comfort for centuries - and a reason the lavender fields of French Provence remain one of the most evocative landscapes in the world. A single breath of true lavender, warm from the sun and carried on a gentle breeze, can change an entire mood in a moment. The Febreze Air Mist Lavender Scent Air Freshener & Odour Remover 185ml brings that moment into your home - instantly, effortlessly, and beautifully.</span></p>
<p><span style="color: #000000;">This isn't just a lavender-scented room spray. Powered by Febreze's advanced OdourClear Technology, it actively eliminates tough, lingering household odours - from cooking smells and pet odours to stale bathroom air - rather than simply masking them with fragrance. What remains is nothing but the genuine, soothing beauty of fresh lavender and delicate hints of freshly cut herbs, filling every corner of the room with the kind of calm that only comes with a truly clean-smelling space.</span></p>
<p><span style="color: #000000;">The Lavender Fragrance Inspired by the breathtaking lavender countryside of French Provence - where fresh lavender notes and subtle hints of freshly cut herbs enchant the senses as the sun rises over endless purple fields - this is a lavender fragrance crafted to feel genuinely authentic rather than synthetic or overpowering.</span></p>
<p><span style="color: #000000;">The scent opens with the clean, unmistakeable brightness of fresh lavender in full bloom - instantly recognisable, immediately calming and deeply familiar. It develops gently through subtle herbal notes of freshly cut herbs, adding a natural, green complexity that lifts the lavender beyond a single note into something genuinely layered and beautiful. The result is a fragrance that evokes not just lavender as a flower, but lavender as a landscape - vast, serene and quietly magnificent.</span></p>
<h4><span style="color: #46a74e;"> Features & Benefits</span></h4>
<ul>
<li>OdourClear Technology - Febreze's advanced formula bonds to and neutralises tough odour molecules at a molecular level rather than masking them; leaves only the fresh, calming scent of Provençal lavender behind</li>
<li>2-in-1 odour remover and air freshener - simultaneously eliminates unwanted household odours and fills the room with authentic lavender fragrance; one spray does both jobs completely</li>
<li>Inspired by French Provence - a fragrance story rooted in one of the world's most beloved natural landscapes, crafted to deliver an authentic, sun-warmed lavender experience</li>
<li>Fresh lavender & cut herb notes - a two-note fragrance combining classic fresh lavender with subtle hints of freshly cut herbs for natural complexity and authenticity</li>
<li>Non-flammable formua with 100% natural propellant - completely safe for use in every room of the home, including bedrooms, bathrooms and children's rooms, without fire safety restrictions</li>
<li>Fine mist delivery disperses an even, softly diffused fragrance mist that travels naturally through the room without overpowering or leaving residue</li>
<li>Long-lasting freshess - the lavender note lingers gently and authentically in the room for sustained calm, not just a brief burst of scent</li>
<li>185ml convenient size — ideal for bathrooms, bedrooms, living rooms, hallways, kitchens, and home offices</li>
<li>Suitable for use around pets and children — non-flammable, mild formulation designed for confident everyday home use</li>
</ul>
<h4><span style="color: #46a74e;">DIRECTIONS</span></h4>
<p><span style="color: #000000;">Spray evenly into the air in the desired room to neutralize odors and freshen the space. Avoid spraying directly onto surfaces.</span></p>
<h4><span style="color: #46a74e;">WARNINGS</span></h4>
<p><span style="color: #000000;">Keep out of reach of children and pets. Avoid contact with eyes and skin. Use only as directed. Do not ingest. Use in well-ventilated areas.</span></p>
<h4><span style="color: #46a74e;">Manufacturer Information</span></h4>
<p><span style="color: #000000;">Procter & Gamble</span></p>
| EAN | 8700216186063 |
|---|---|
| Brands | Febreze |
| Number of items | 1 |
| Type | Air freshener |
| Scent | Lavender |
| Color | Clear liquid |
| Size | 185ML |
| Brand | Febreze |
| Ingredients | Water, Alcohol Denat., PEG-60 Hydrogenated Castor Oil, Fragrances, Sodium Citrate, Hydroxypropyl Cyclodextrin, Diethylhexyl Sodium Sulfosuccinate, Benzisothiazolinone, Nitrogen. |
| Department | Household |
| Container Type | Plastic spray bottle |
| Model | Febreze Air Mist Lavender |
| Unit Type | ML |
| Suitable for | Indoor odor removal |
| Room Use | Yes, suitable for all rooms |
| Material State | Liquid |
| Safety Warning | Keep out of reach of children and pets. Avoid contact with eyes and skin. Use only as directed. Do not ingest. Use in well-ventilated areas. |
| Features | Lavender Scent |
| Instructions for Use | Spray evenly into the air in the desired room to neutralize odors and freshen the space. Avoid spraying directly onto surfaces. |
Write Your Own Review