<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>
HQ-BWGY-FOLG-6
In stock
Only 24 left
Masons Dog Oil Massaging Balm 100g - Pack of 6
Special Price
£17.98
Regular Price
£23.68
Masons Dog Oil for Massaging (100g), a massaging oil specially formulated for dogs.
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;">Dogs carry tension just like we do - in their muscles, their joints, and the way they move after a long walk, an active day, or simply the gradual stiffness that comes with age. Masons Dog Oil Massaging Balm is designed to help with exactly that, giving pet owners a simple, effective way to provide their dog with genuine comfort and relief through regular massage.
</span></p>
<p><span style="color: #000000;">Enriched with natural ingredients, the balm absorbs well without leaving a heavy or greasy residue on your hands or your dog's coat. It works into the muscles and joints during massage, helping to ease stiffness and soreness while encouraging the kind of deep relaxation that most dogs visibly respond to within minutes. For anxious or stressed dogs, a gentle massage with this balm can become a valuable part of a calming routine, the combination of touch and the balm's soothing properties working together in a way that's hard to replicate with other products.
</span></p>
<p><span style="color: #000000;">Beyond the muscle benefits, regular use helps enhance coat health and shine, leaving fur looking and feeling noticeably better with continued application. It also works as an anti-chafing agent and helps support skin repair in areas prone to dryness or irritation, making it a genuinely versatile product for overall dog wellbeing rather than a single-purpose solution.
</span></p>
<p><span style="color: #000000;">Suitable for all breeds and ages, from puppies to older dogs who may be managing joint discomfort on a daily basis.
</span></p>
<h4><span style="color: #46a74e;">BENEFITS</span></h4>
<ul>
<li>Soothes muscle soreness and stiffness - ideal after exercise or long walks</li>
<li>Promotes deep relaxation and stress relief during and after massage
</li>
<li>Natural ingredients that absorb quickly without greasy residue
</li>
<li>Enhances coat health and shine with regular use
</li>
<li>Works as an anti-chafing agent and supports skin repair in dry or irritated areas
</li>
<li>Easy to apply - suitable for home massage sessions by any pet owner
</li>
<li>Suitable for all dog breeds and ages including seniors and puppies
</li><li>Generous 100g tub provides ample supply for regular massage sessions
</li>
</ul>
<h4><span style="color: #46a74e;">DIRECTIONS</span></h4>
<p><span style="color: #000000;">Apply a small amount to your hands and gently massage into your dog's coat and muscles. Use as needed.</span></p>
<h4><span style="color: #46a74e;">WARNINGS</span></h4>
<p><span style="color: #000000;">For external use only. Avoid contact with eyes.</span></p>
<p><span style="color: #000000;">A thoughtful, premium care product that gives your dog the comfort and attention they deserve and strengthens the bond between you in the process.</span></p>
| EAN | 5024259001125 |
|---|---|
| Brands | Masons |
| Size | 100g |
| Number of items | 6 |
| Formulation Type | Massaging balm |
| Usage | Massage thoroughly into the skin, focusing on muscles and joints. |
| Pack of | Pack of 6 |
| Ingredients | Finest Rapeseed Oil and Petroleum jelly. |
| Department | Pet Care |
| Unit Type | G |
| Body Area | Coat, Skin, Muscles |
| Features | Natural ingredient blend, easy to apply, quickly absorbed, supports coat shine, suitable for all breeds |
| Safety Warning | For external use only. Avoid contact with eyes, nose, and mouth. Do not apply to broken or irritated skin. Keep out of reach of children. If irritation occurs, discontinue use and consult a veterinarian. |
| Main Purpose | To support relaxation and comfort during dog massage while helping maintain healthy skin and coat |
| Instructions for Use | Apply a small amount to your hands and gently massage into your dog’s coat and body using circular motions. Use as needed during grooming or relaxation sessions. |
Write Your Own Review

