{"title":"Dragon Ball Secret Drop","description":"\u003ch4 style=\"text-align: center;\"\u003eOnly available until drop closes! will never be sold again - very very limited. you'll have a piece that's impossible to find anywhere else, ever again.\u003c\/h4\u003e\n\u003c!-- \n  VILLAINS ONLY — Product Page Countdown (Light BG \/ Darker Text)\n  Shopify Custom Liquid Section\n  \n  HOW TO ADD:\n  1. Shopify Admin → Online Store → Themes → Customize\n  2. Navigate to Product Page template\n  3. Click \"Add Section\" → \"Custom Liquid\"\n  4. Paste this ENTIRE code block\n  5. Position directly ABOVE your Add to Cart button\n  6. Hit Save\n  \n  COUNTDOWN: Sunday, February 15, 2026 @ 8:00 PM EST\n--\u003e\n\n\u003cstyle\u003e\n  .vo-cdown-wrap {\n    width: 100% !important;\n    display: block !important;\n    visibility: visible !important;\n    opacity: 1 !important;\n    margin: 14px 0 !important;\n    padding: 0 !important;\n    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;\n    -webkit-font-smoothing: antialiased;\n    box-sizing: border-box !important;\n    min-height: 20px !important;\n  }\n\n  .vo-cdown-line {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 7px !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    line-height: 1.2 !important;\n    flex-wrap: nowrap !important;\n  }\n\n  \/* Pulsing dot *\/\n  .vo-cdown-dot {\n    width: 5px !important;\n    height: 5px !important;\n    min-width: 5px !important;\n    min-height: 5px !important;\n    border-radius: 50% !important;\n    background: rgba(0, 0, 0, 0.45) !important;\n    display: inline-block !important;\n    flex-shrink: 0 !important;\n    animation: vo2-dot-pulse 2s ease-in-out infinite !important;\n  }\n\n  @keyframes vo2-dot-pulse {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.4; }\n  }\n\n  \/* Label *\/\n  .vo-cdown-text {\n    font-size: 13px !important;\n    font-weight: 500 !important;\n    color: rgba(0, 0, 0, 0.6) !important;\n    letter-spacing: 0.01em !important;\n    white-space: nowrap !important;\n    display: inline !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    text-transform: none !important;\n    text-decoration: none !important;\n    transition: color 0.6s ease !important;\n  }\n\n  \/* Digits *\/\n  .vo-cdown-time {\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    color: rgba(0, 0, 0, 0.75) !important;\n    letter-spacing: 0.03em !important;\n    font-variant-numeric: tabular-nums !important;\n    white-space: nowrap !important;\n    display: inline !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    text-transform: none !important;\n    text-decoration: none !important;\n    transition: color 0.6s ease !important;\n  }\n\n  \/* Colon blink *\/\n  .vo-cdown-ck {\n    animation: vo2-colon 1s steps(1) infinite !important;\n    display: inline !important;\n  }\n\n  @keyframes vo2-colon {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.2; }\n  }\n\n  \/* ── UNDER 3 HOURS ── *\/\n  .vo-cdown-line.vo-st-closing .vo-cdown-dot {\n    background: rgba(0, 0, 0, 0.55) !important;\n  }\n  .vo-cdown-line.vo-st-closing .vo-cdown-text {\n    color: rgba(0, 0, 0, 0.65) !important;\n  }\n  .vo-cdown-line.vo-st-closing .vo-cdown-time {\n    color: rgba(0, 0, 0, 0.85) !important;\n  }\n\n  \/* ── UNDER 1 HOUR ── *\/\n  .vo-cdown-line.vo-st-urgent .vo-cdown-dot {\n    background: #92400e !important;\n  }\n  .vo-cdown-line.vo-st-urgent .vo-cdown-text {\n    color: rgba(0, 0, 0, 0.65) !important;\n  }\n  .vo-cdown-line.vo-st-urgent .vo-cdown-time {\n    color: #92400e !important;\n    font-weight: 700 !important;\n  }\n\n  \/* ── UNDER 15 MIN — RED ── *\/\n  .vo-cdown-line.vo-st-final .vo-cdown-dot {\n    background: #b91c1c !important;\n    animation: vo2-dot-rapid 0.8s ease-in-out infinite !important;\n  }\n\n  @keyframes vo2-dot-rapid {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.4; transform: scale(0.8); }\n  }\n\n  .vo-cdown-line.vo-st-final .vo-cdown-text {\n    color: #b91c1c !important;\n  }\n  .vo-cdown-line.vo-st-final .vo-cdown-time {\n    color: #b91c1c !important;\n    font-weight: 700 !important;\n  }\n\n  \/* ── EXPIRED ── *\/\n  .vo-cdown-line.vo-st-done .vo-cdown-dot {\n    background: #b91c1c !important;\n    animation: vo2-dot-rapid 0.6s ease-in-out infinite !important;\n  }\n  .vo-cdown-line.vo-st-done .vo-cdown-text {\n    color: #b91c1c !important;\n    font-weight: 600 !important;\n  }\n\n  \/* ── MOBILE ── *\/\n  @media screen and (max-width: 749px) {\n    .vo-cdown-wrap {\n      margin: 10px 0 !important;\n    }\n    .vo-cdown-text,\n    .vo-cdown-time {\n      font-size: 12px !important;\n    }\n    .vo-cdown-dot {\n      width: 4px !important;\n      height: 4px !important;\n      min-width: 4px !important;\n      min-height: 4px !important;\n    }\n  }\n\n  @media screen and (max-width: 374px) {\n    .vo-cdown-text,\n    .vo-cdown-time {\n      font-size: 11px !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"vo-cdown-wrap\" id=\"voCdownWrap\" style=\"display:block;visibility:visible;opacity:1;margin:14px 0;\"\u003e\n  \u003cdiv class=\"vo-cdown-line\" id=\"voCdownLine\" style=\"display:flex;align-items:center;gap:7px;\"\u003e\n    \u003cspan class=\"vo-cdown-dot\" id=\"voCdownDot\" style=\"display:inline-block;width:5px;height:5px;min-width:5px;min-height:5px;border-radius:50%;background:rgba(0,0,0,0.45);\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"vo-cdown-text\" id=\"voCdownText\" style=\"font-size:13px;color:rgba(0,0,0,0.6);\"\u003eSite locks in\u003c\/span\u003e\n    \u003cspan class=\"vo-cdown-time\" id=\"voCdownTime\" style=\"font-size:13px;color:rgba(0,0,0,0.75);font-weight:700;font-variant-numeric:tabular-nums;\"\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n  \/\/ ═══════════════════════════════════════════\n  \/\/  TARGET: Sunday Feb 15, 2026 @ 8:00 PM EST\n  \/\/  Change this for future drops:\n  \/\/ ═══════════════════════════════════════════\n  var targetDate = new Date('2026-05-24T20:00:00-04:00');\n\n  var lineEl = document.getElementById('voCdownLine');\n  var textEl = document.getElementById('voCdownText');\n  var timeEl = document.getElementById('voCdownTime');\n\n  if (!lineEl || !textEl || !timeEl) return;\n\n  function pad(n) {\n    return n \u003c 10 ? '0' + n : String(n);\n  }\n\n  function tick() {\n    var now  = new Date();\n    var diff = targetDate.getTime() - now.getTime();\n\n    if (diff \u003c= 0) {\n      lineEl.className = 'vo-cdown-line vo-st-done';\n      textEl.textContent = 'Site is locking \\u2014 grab it now';\n      textEl.style.color = '#b91c1c';\n      textEl.style.fontWeight = '600';\n      timeEl.textContent = '';\n      timeEl.style.display = 'none';\n      return;\n    }\n\n    var totalSec = Math.floor(diff \/ 1000);\n    var h = Math.floor(totalSec \/ 3600);\n    var m = Math.floor((totalSec % 3600) \/ 60);\n    var s = totalSec % 60;\n    var totalMin = Math.floor(totalSec \/ 60);\n\n    \/\/ Build time display — no labels, just digits\n    var c = '\u003cspan class=\"vo-cdown-ck\"\u003e:\u003c\/span\u003e';\n    if (h \u003e 0) {\n      timeEl.innerHTML = pad(h) + c + pad(m) + c + pad(s);\n    } else {\n      timeEl.innerHTML = pad(m) + c + pad(s);\n    }\n\n    \/\/ Urgency escalation\n    if (totalMin \u003c 15) {\n      lineEl.className = 'vo-cdown-line vo-st-final';\n      textEl.textContent = 'Final minutes \\u2014';\n      textEl.style.color = '#b91c1c';\n      timeEl.style.color = '#b91c1c';\n      timeEl.style.fontWeight = '700';\n    } else if (totalMin \u003c 60) {\n      lineEl.className = 'vo-cdown-line vo-st-urgent';\n      textEl.textContent = 'Closing soon \\u2014';\n      textEl.style.color = 'rgba(0,0,0,0.65)';\n      timeEl.style.color = '#92400e';\n      timeEl.style.fontWeight = '700';\n    } else if (h \u003c 3) {\n      lineEl.className = 'vo-cdown-line vo-st-closing';\n      textEl.textContent = 'Site locks in';\n      textEl.style.color = 'rgba(0,0,0,0.65)';\n      timeEl.style.color = 'rgba(0,0,0,0.85)';\n      timeEl.style.fontWeight = '700';\n    } else {\n      lineEl.className = 'vo-cdown-line';\n      textEl.textContent = 'Site locks in';\n      textEl.style.color = 'rgba(0,0,0,0.6)';\n      timeEl.style.color = 'rgba(0,0,0,0.75)';\n      timeEl.style.fontWeight = '700';\n    }\n\n    setTimeout(tick, 1000);\n  }\n\n  tick();\n})();\n\u003c\/script\u003e","products":[],"url":"https:\/\/villainsonly.co\/collections\/dragon-ball-secret-drop.oembed","provider":"Villains Only","version":"1.0","type":"link"}