<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>
NADMTFI60T-config
In stock
Natures Aid DigestEeze Milk Thistle for Indigestion 60 Tablets
As low as
£7.91
Regular Price
£8.21
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;">Natures Aid DigestEeze Milk Thistle Tablets are a traditional herbal medicinal product used to help relieve the symptoms associated with occasional over-indulgence of food and drink, such as indigestion and upset stomach. The use of Milk Thistle for these purposes is based solely on traditional use. Each tablet provides a standardised dry extract from Milk Thistle fruits (Silybum marianum (L.) Gaertner), equivalent to 2750–6600mg of Milk Thistle fruit, ensuring a consistent and reliable source of the active plant compounds. Milk Thistle, also known as holy thistle, lady’s thistle, and St. Mary’s thistle, has a long history of traditional use dating back over 2000 years to the Ancient Greeks and Romans. This product is suitable for both vegetarians and vegans and contains no artificial colours, flavours, or preservatives. It is also free from common allergens including dairy, lactose, gluten, wheat, yeast, nuts, salt, soya, starch, and sugar.</span></p>
<h4><span style="color: #46a74e;">BENEFITS</span></h4>
<ul>
<li>Traditional Herbal Remedy</li>
<li>Standardised Extract</li>
<li>Vegan Friendly</li>
<li>Gluten Free</li>
<li>Supports Digestion</li>
</ul>
<h4><span style="color: #46a74e;">DIRECTIONS</span></h4>
<p><span style="color: #000000;">Adults and the elderly, take 1-2 tablets twice daily.</span></p>
<h4><span style="color: #46a74e;">WARNINGS</span></h4>
<p><span style="color: #000000;">For oral use only. This product is not recommended during pregnancy or while breastfeeding. Please do not use if you are allergic to Milk Thistle or plants from the Asteraceae family, such as marigolds, daisies, or artichokes. If you have a liver condition or are taking any medication, it is advisable to consult your doctor before use. Always read the information leaflet carefully before taking this product.</span></p>
<h4><span style="color: #46a74e;">Manufacturer Information</span></h4>
<p><span style="color: #000000;">Nature Aid</span></p>
| EAN | 5023652271067 |
|---|---|
| Brands | Natures Aid |
| Formulation | Tablet |
| Type | Herbal Supplement |
| Size | 60 Tablets |
| Brand | Natures Aid |
| Ingredients | One tablet contains 137.5mg - 165mg of standardised extract (as dry extract) from Milk Thistle fruits (Silibum marianum (L) Gaertner), (equivalent to 2750mg - 6600mg of Milk Thistle fruit.) corresponding to 82.5mg of silymarin, calculated as silibinin. It also contains other ingredients: calcium hydrogen phosphate anhydrous; cellulose microcrystalline; silica colloidal hydrated; croscarmellose sodium; magnesium stearate. |
| Features | Traditional Herbal Remedy |
| Type Of Diet | Vegan, Vegetarian |
| Strength | 137.5–165mg Standardised Extract |
| When To Take | After meals |
| Unit Type | Tablets |
| Supply | 30 Days |
| Number Of Pills | 60 |
| Main Purpose | Supports normal digestion and helps relieve occasional indigestion |
| Department | Adults |
| Dosage | Adults and the elderly, take 1-2 tablets twice daily |
| Safety Warning | For oral use only. This product is not recommended during pregnancy or while breastfeeding. Please do not use if you are allergic to Milk Thistle or plants from the Asteraceae family, such as marigolds, daisies, or artichokes. If you have a liver condition or are taking any medication, it is advisable to consult your doctor before use. Always read the information leaflet carefully before taking this product. |
Write Your Own Review