<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>
BUHH300-config
In stock
Bristows Ultra Hold Hairspray 300ml Long-Lasting Style Control
As low as
£1.61
Regular Price
£1.73
Bristows Ultra Hold Hairspray (300ml) delivers long-lasting, ultra-strong hold with a non-sticky, humidity-resistant formula for flawless styling.
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;">A good hairspray shouldn't feel like a compromise between hold and wearability. Bristows Ultra Hold Hairspray gives you the firm, all-day control you need without leaving your hair feeling stiff, crunchy, or weighed down - a balance that's harder to get right than most hairsprays would have you believe.</span></p>
<p><span style="color: #000000;">The quick-drying formula sets fast so you can get on with your day without standing over a mirror waiting for your style to lock in. Once it dries, the hold is genuinely firm, strong enough to keep flyaways and frizz under control through a full day at work, an evening out, or a special occasion where you need your style to stay exactly where you put it.
</span></p>
<p><span style="color: #000000;">What makes it stand out for everyday use is how it behaves once it's in. There's no sticky, tacky residue that attracts dust or makes your hair feel coated, and when it comes to the end of the day, it brushes out cleanly without leaving a stiff, flaky mess. The finish remains natural and flexible throughout wear, which means your hair still moves and looks like hair rather than a helmet.
</span></p>
<p><span style="color: #000000;">The subtle, refreshing fragrance is another detail done right, present enough to notice when you spray, light enough to disappear completely once dry.
</span></p>
<h4><span style="color: #46a74e;">BENEFITS</span></h4>
<ul>
<li>Ultra firm hold that keeps styles in place all day without stiffness</li>
<li>Anti-frizz control for a smooth, polished finish in any weather</li>
<li>Quick-drying formula for fast, efficient styling</li>
<li>Natural, flexible finish that moves naturally without going rigid</li>
<li>No sticky residue - brushes out cleanly at the end of the day</li>
<li>Suitable for all hair types including fine, thick, curly, and colour-treated hair</li>
<li>Subtle fragrance that dries down clean and undetectable</li>
<li>300ml can - ideal for home use or travel
</li>
</ul>
<h4><span style="color: #46a74e;">DIRECTIONS</span></h4>
<p><span style="color: #000000;">Shake well before use. Hold the can approximately 20-25cm away from your hair and spray evenly onto dry or styled hair. For extra hold, apply a second coat if necessary. Allow to dry naturally.</span></p>
<h4><span style="color: #46a74e;">WARNINGS</span></h4>
<p><span style="color: #000000;">For external use only. Avoid contact with eyes. In case of contact, rinse immediately with water. Keep out of reach of children. Discontinue use if irritation occurs.</span></p>
<p><span style="color: #000000;">Whether you're pulling together a quick everyday style or setting an updo for a special occasion, Bristows Ultra Hold delivers the kind of reliable performance that keeps it in your bathroom cabinet long term.</span></p>
| EAN | 5014697026903 |
|---|---|
| Brands | Bristows |
| Size | 300 ml |
| Scent | Light floral fragrance |
| Usage | Hold can upright and spray evenly onto styled hair from a distance of 20-30cm for long-lasting ultra hold |
| Ingredients | Alcohol Denat, Butane, Isobutane, Propane, Octylacrylamide/acrylates/butylaminoethyl Methacrylate Copolymer, Aqua, Aminomethyl Propanol, Peg/ppg-18/18 Dimethicone, Parfum, Benzyl Salicylate, Linalool |
| Hair Type | Suitable for all hair types |
| Suitable for | Styling and long-lasting hold |
| Unit Type | ML |
| Product Line | Bristows Ultra Hold |
| Hold Strength | Ultra hold |
| Styling Effect | Provides firm hold, frizz control, and long-lasting style |
| Features | Fast-drying, humidity-resistant, non-sticky formula, easy to brush out |
| Instructions for Use | Shake well, hold can 20-30cm from hair, and spray evenly. Avoid overuse for a natural feel. |
| Safety Warning | Highly flammable aerosol. Keep away from heat, open flames, and direct sunlight. Avoid contact with eyes. Use in a well-ventilated area. |
Write Your Own Review
<div class="element products-slider see-also-div" style="max-width: 1440px; margin: auto;">
<div>





