<script>
document.addEventListener("DOMContentLoaded", function() {
var section = document.querySelector(".block-#147");
if (section) {
var products = section.querySelectorAll(".ut2-pb__item");
if (products.length === 0) {
document.getElementById("empty-ending-soon").style.display = "flex";
}
}
});
</script>
<div id="empty-ending-soon" style="display:none; flex-direction:column; align-items:center; gap:12px; text-align:center; padding:40px 24px; border:1px solid #eee; border-radius:12px;">
<div style="width:56px;height:56px;border-radius:50%;background:#FAEEDA;display:flex;align-items:center;justify-content:center;">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#BA7517" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="9"/><path d="M12 8v4"/><circle cx="12" cy="16" r=".5" fill="#BA7517"/>
</svg>
</div>
<p style="font-size:15px;font-weight:600;color:#1a1a1a;margin:0;">Oops! No ending soon products</p>
<p style="font-size:13px;color:#888;margin:0;max-width:260px;line-height:1.6;">Check back later for deals ending soon!</p>
</div>