{"product_id":"๐Ÿ’€๐ŸŽ…-3d-dark-christmas-santa-mug-collection-skull-santa-pirate-santa-designs-with-sculpted-holiday-details-โ˜ ๏ธ๐ŸŽ","title":"๐Ÿ’€๐ŸŽ… 3D Dark Christmas Santa Mug Collection | Skull Santa \u0026 Pirate Santa Designs with Sculpted Holiday Details โ˜ ๏ธ๐ŸŽ","description":"\u003c!-- ===== SHOPNOVA SAFE SALE COUNTDOWN + MARQUEE START ===== --\u003e \u003cdiv class=\"sn-sale-wrap\"\u003e\n\u003c!-- COUNTDOWN --\u003e \u003cdiv class=\"sn-cd-stage\"\u003e \u003cdiv class=\"sn-cd-box\"\u003e\n\u003cspan class=\"sn-cd-glow\" aria-hidden=\"true\"\u003eย \u003c\/span\u003e \u003cspan class=\"sn-cd-star sn-cd-star-1\" aria-hidden=\"true\"\u003eโœฆ\u003c\/span\u003e \u003cspan class=\"sn-cd-star sn-cd-star-2\" aria-hidden=\"true\"\u003eโœง\u003c\/span\u003e \u003cspan class=\"sn-cd-star sn-cd-star-3\" aria-hidden=\"true\"\u003eโœฆ\u003c\/span\u003e \u003c!-- TITLE --\u003e \u003cdiv class=\"sn-cd-title\"\u003e\n\u003cspan class=\"sn-cd-tree\" aria-hidden=\"true\"\u003e๐ŸŽ„\u003c\/span\u003e \u003cspan class=\"sn-cd-title-text\"\u003eChristmas Early Bird Sale\u003c\/span\u003e \u003cspan class=\"sn-cd-fire\" aria-hidden=\"true\"\u003e๐Ÿ”ฅ\u003c\/span\u003e\n\u003c\/div\u003e \u003c!-- SUBTITLE --\u003e \u003cdiv class=\"sn-cd-subtitle\"\u003eFlash Sale ยท Limited-Time Drops ยท Up to \u003cstrong\u003e50% OFF\u003c\/strong\u003e\n\u003c\/div\u003e \u003c!-- TIMER --\u003e \u003cdiv class=\"sn-cd-timer\"\u003e\n\u003c!-- HOURS --\u003e \u003cdiv class=\"sn-cd-unit\"\u003e \u003cdiv class=\"sn-cd-number\"\u003e00\u003c\/div\u003e \u003cdiv class=\"sn-cd-label\"\u003eHRS\u003c\/div\u003e \u003c\/div\u003e \u003c!-- MINUTES --\u003e \u003cdiv class=\"sn-cd-unit\"\u003e \u003cdiv class=\"sn-cd-window\"\u003e \u003cdiv class=\"sn-cd-minute-wheel\"\u003e\n\u003cspan class=\"sn-cd-digit\"\u003e09\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e08\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e07\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e06\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e05\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e04\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e03\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e02\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e01\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e00\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e00\u003c\/span\u003e\n\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sn-cd-label\"\u003eMIN\u003c\/div\u003e \u003c\/div\u003e \u003c!-- SECONDS --\u003e \u003cdiv class=\"sn-cd-unit\"\u003e \u003cdiv class=\"sn-cd-window\"\u003e \u003cdiv class=\"sn-cd-second-wheel\"\u003e\n\u003cspan class=\"sn-cd-digit\"\u003e59\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e58\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e57\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e56\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e55\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e54\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e53\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e52\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e51\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e50\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e49\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e48\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e47\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e46\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e45\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e44\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e43\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e42\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e41\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e40\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e39\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e38\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e37\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e36\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e35\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e34\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e33\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e32\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e31\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e30\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e29\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e28\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e27\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e26\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e25\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e24\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e23\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e22\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e21\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e20\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e19\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e18\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e17\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e16\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e15\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e14\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e13\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e12\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e11\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e10\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e09\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e08\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e07\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e06\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e05\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e04\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e03\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e02\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e01\u003c\/span\u003e \u003cspan class=\"sn-cd-digit\"\u003e00\u003c\/span\u003e \u003c!-- ๅพช็Žฏ่ก”ๆŽฅ --\u003e \u003cspan class=\"sn-cd-digit\"\u003e59\u003c\/span\u003e\n\u003c\/div\u003e \u003c!-- 10ๅˆ†้’Ÿ็ป“ๆŸๅŽๅ›บๅฎš00 --\u003e \u003cdiv class=\"sn-cd-final-second\"\u003e00\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sn-cd-label\"\u003eSEC\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- STATUS --\u003e \u003cdiv class=\"sn-cd-status\"\u003e\n\u003cspan class=\"sn-cd-hourglass\" aria-hidden=\"true\"\u003eโณ\u003c\/span\u003e Hurry โ€” limited-time offer!\u003c\/div\u003e \u003c!-- PARTICLES --\u003e \u003cspan class=\"sn-cd-particle sn-cd-p1\" aria-hidden=\"true\"\u003eย \u003c\/span\u003e \u003cspan class=\"sn-cd-particle sn-cd-p2\" aria-hidden=\"true\"\u003eย \u003c\/span\u003e \u003cspan class=\"sn-cd-particle sn-cd-p3\" aria-hidden=\"true\"\u003eย \u003c\/span\u003e \u003cspan class=\"sn-cd-particle sn-cd-p4\" aria-hidden=\"true\"\u003eย \u003c\/span\u003e \u003c!-- SHEEN --\u003e \u003cspan class=\"sn-cd-sheen\" aria-hidden=\"true\"\u003eย \u003c\/span\u003e\n\u003c\/div\u003e \u003c\/div\u003e \u003c!-- ========================= --\u003e \u003c!-- SALE MARQUEE --\u003e \u003c!-- ========================= --\u003e \u003cdiv class=\"sn-marquee\"\u003e \u003cdiv class=\"sn-marquee-track\"\u003e \u003cdiv class=\"sn-marquee-group\"\u003e\n\u003cspan class=\"sn-marquee-item\"\u003e ๐ŸŽ LIMITED TIME OFFER \u003c\/span\u003e \u003cspan class=\"sn-marquee-item\"\u003e ๐Ÿ”ฅ SAVE 50% \u003c\/span\u003e \u003cspan class=\"sn-marquee-item\"\u003e ๐ŸŽ LIMITED TIME OFFER \u003c\/span\u003e \u003cspan class=\"sn-marquee-item\"\u003e ๐Ÿ”ฅ SAVE 50% \u003c\/span\u003e\n\u003c\/div\u003e \u003c!-- DUPLICATE FOR SEAMLESS LOOP --\u003e \u003cdiv class=\"sn-marquee-group\" aria-hidden=\"true\"\u003e\n\u003cspan class=\"sn-marquee-item\"\u003e ๐ŸŽ LIMITED TIME OFFER \u003c\/span\u003e \u003cspan class=\"sn-marquee-item\"\u003e ๐Ÿ”ฅ SAVE 50% \u003c\/span\u003e \u003cspan class=\"sn-marquee-item\"\u003e ๐ŸŽ LIMITED TIME OFFER \u003c\/span\u003e \u003cspan class=\"sn-marquee-item\"\u003e ๐Ÿ”ฅ SAVE 50% \u003c\/span\u003e\n\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e \/* ========================================== SHOPNOVA LOCAL RESET ========================================== *\/ .sn-sale-wrap, .sn-sale-wrap * { box-sizing: border-box !important; } .sn-sale-wrap { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; overflow: hidden !important; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } \/* ========================================== COUNTDOWN OUTER ========================================== *\/ .sn-cd-stage { width: 100% !important; margin: 12px auto 10px !important; padding: 0 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; } \/* ========================================== COUNTDOWN BOX ========================================== *\/ .sn-cd-box { position: relative !important; width: 100% !important; max-width: 450px !important; margin: 0 auto !important; padding: 11px 14px 10px !important; overflow: hidden !important; border: 1px solid rgba(212,175,55,.72) !important; border-radius: 14px !important; background: radial-gradient( circle at 50% 0%, rgba(255,220,120,.15), transparent 38% ), linear-gradient( 100deg, #a81c30 0%, #b8172d 48%, #d01b32 100% ) !important; color: #f7e9b9 !important; box-shadow: 0 6px 18px rgba(91,11,22,.24), 0 0 18px rgba(212,175,55,.12) !important; animation: snCdBoxGlow 2.5s ease-in-out infinite !important; } \/* ========================================== TITLE ========================================== *\/ .sn-cd-title { position: relative !important; z-index: 5 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; margin: 0 !important; padding: 0 !important; color: #fff8dc !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1.15 !important; text-align: center !important; } \/* ========================================== TREE \/ FIRE ========================================== *\/ .sn-cd-tree, .sn-cd-fire, .sn-cd-hourglass { display: inline-block !important; flex: 0 0 auto !important; } .sn-cd-tree { animation: snCdTree 2.3s ease-in-out infinite !important; } .sn-cd-fire { animation: snCdFire .85s ease-in-out infinite !important; } \/* ========================================== SUBTITLE ========================================== *\/ .sn-cd-subtitle { position: relative !important; z-index: 5 !important; margin: 5px 0 0 !important; padding: 0 !important; color: #f7e9b9 !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.25 !important; text-align: center !important; } .sn-cd-subtitle strong { color: #ffdf94 !important; font-weight: 900 !important; text-shadow: 0 0 10px rgba(255,215,0,.42) !important; } \/* ========================================== TIMER ========================================== *\/ .sn-cd-timer { position: relative !important; z-index: 5 !important; width: 100% !important; display: flex !important; align-items: stretch !important; justify-content: center !important; gap: 8px !important; margin: 9px 0 0 !important; padding: 0 !important; } \/* ========================================== TIMER UNIT ========================================== *\/ .sn-cd-unit { position: relative !important; flex: 0 1 76px !important; min-width: 0 !important; max-width: 90px !important; margin: 0 !important; padding: 7px 10px 6px !important; overflow: hidden !important; border: 1px solid rgba(255,215,0,.34) !important; border-radius: 11px !important; background: rgba( 76, 0, 11, .26 ) !important; box-shadow: inset 0 0 10px rgba(0,0,0,.20), 0 4px 10px rgba(0,0,0,.12) !important; } \/* ========================================== NUMBER ========================================== *\/ .sn-cd-number, .sn-cd-window { position: relative !important; width: 100% !important; height: 26px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; color: #ffdf94 !important; font-family: 'Courier New', Courier, monospace !important; font-size: 22px !important; font-weight: 900 !important; line-height: 26px !important; text-align: center !important; white-space: nowrap !important; text-shadow: 0 0 13px rgba(255,215,0,.35) !important; } \/* ========================================== NUMBER WHEEL ========================================== *\/ .sn-cd-minute-wheel, .sn-cd-second-wheel { width: 100% !important; margin: 0 !important; padding: 0 !important; transform: translateY(0); will-change: transform; } .sn-cd-minute-wheel span, .sn-cd-second-wheel span, .sn-cd-minute-wheel .sn-cd-digit, .sn-cd-second-wheel .sn-cd-digit { display: block !important; width: 100% !important; height: 26px !important; margin: 0 !important; padding: 0 !important; line-height: 26px !important; text-align: center !important; white-space: nowrap !important; } \/* ========================================== MINUTE ========================================== *\/ .sn-cd-minute-wheel { animation: snCdMinute 600s steps(10,end) 1 forwards !important; } \/* ========================================== SECOND ========================================== *\/ .sn-cd-second-wheel { animation: snCdSecond 60s steps(60,end) 10 forwards, snCdHideSecond .01s linear 600s 1 forwards !important; } \/* ========================================== FINAL SECOND 00 ========================================== *\/ .sn-cd-final-second { position: absolute !important; inset: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; opacity: 0 !important; color: #ffdf94 !important; font-family: 'Courier New', Courier, monospace !important; font-size: 22px !important; font-weight: 900 !important; line-height: 26px !important; text-align: center !important; animation: snCdShowFinal .01s linear 600s 1 forwards !important; } \/* ========================================== TIMER LABEL ========================================== *\/ .sn-cd-label { margin: 2px 0 0 !important; padding: 0 !important; color: #f7e9b9 !important; font-size: 9px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 1.2px !important; text-align: center !important; } \/* ========================================== STATUS ========================================== *\/ .sn-cd-status { position: relative !important; z-index: 5 !important; margin: 7px 0 0 !important; padding: 0 !important; color: #fff8dc !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: center !important; } .sn-cd-hourglass { margin-right: 3px !important; animation: snCdHourglass 1.6s ease-in-out infinite !important; } \/* ========================================== STARS ========================================== *\/ .sn-cd-star { position: absolute !important; z-index: 3 !important; pointer-events: none !important; color: #ffdf94 !important; text-shadow: 0 0 8px rgba(255,215,0,.65) !important; animation: snCdTwinkle 1.4s ease-in-out infinite !important; } .sn-cd-star-1 { left: 8% !important; top: 9px !important; } .sn-cd-star-2 { left: 50% !important; top: 4px !important; animation-delay: .45s !important; } .sn-cd-star-3 { right: 8% !important; top: 15px !important; animation-delay: .85s !important; } \/* ========================================== PARTICLES ========================================== *\/ .sn-cd-particle { position: absolute !important; z-index: 2 !important; bottom: -8px !important; width: 7px !important; height: 7px !important; font-size: 0 !important; line-height: 0 !important; overflow: hidden !important; border-radius: 50% !important; pointer-events: none !important; background: rgba(255,223,148,.55) !important; box-shadow: 0 0 12px rgba(255,215,0,.55) !important; animation: snCdParticle 3s linear infinite !important; } .sn-cd-p1 { left: 12% !important; } .sn-cd-p2 { left: 36% !important; width: 5px !important; height: 5px !important; animation-delay: .7s !important; } .sn-cd-p3 { left: 65% !important; animation-delay: 1.3s !important; } .sn-cd-p4 { left: 87% !important; width: 4px !important; height: 4px !important; animation-delay: 2s !important; } \/* ========================================== SHEEN ========================================== *\/ .sn-cd-sheen { position: absolute !important; z-index: 2 !important; top: -50% !important; left: -35% !important; width: 22% !important; height: 200% !important; font-size: 0 !important; line-height: 0 !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; transform: skewX(-22deg) !important; background: linear-gradient( 90deg, transparent, rgba(255,225,150,.14), transparent ) !important; animation: snCdSheen 3.5s ease-in-out infinite !important; } \/* ========================================== GLOW ========================================== *\/ .sn-cd-glow { position: absolute !important; z-index: 1 !important; inset: -40% !important; font-size: 0 !important; line-height: 0 !important; overflow: hidden !important; pointer-events: none !important; background: radial-gradient( circle at 30% 40%, rgba(255,215,0,.12), transparent 35% ), radial-gradient( circle at 75% 65%, rgba(255,215,0,.08), transparent 35% ) !important; animation: snCdGlowMove 5s ease-in-out infinite !important; } \/* ========================================== MARQUEE ========================================== *\/ .sn-marquee { position: relative !important; width: 100% !important; max-width: 100% !important; height: 48px !important; margin: 10px 0 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; overflow: hidden !important; background: linear-gradient( 90deg, #97192a, #a81c30, #c4142e ) !important; border-top: 1px solid rgba(255,223,148,.25) !important; border-bottom: 1px solid rgba(255,223,148,.25) !important; } \/* ========================================== MARQUEE TRACK ========================================== *\/ .sn-marquee-track { display: flex !important; align-items: center !important; width: max-content !important; min-width: max-content !important; flex: 0 0 auto !important; will-change: transform; animation: snMarqueeMove 18s linear infinite !important; } \/* ========================================== MARQUEE GROUP ========================================== *\/ .sn-marquee-group { display: flex !important; align-items: center !important; flex: 0 0 auto !important; white-space: nowrap !important; } \/* ========================================== MARQUEE ITEM ========================================== *\/ .sn-marquee-item { display: inline-flex !important; align-items: center !important; flex: 0 0 auto !important; padding: 0 28px !important; white-space: nowrap !important; color: #ffffff !important; font-size: 14px !important; font-weight: 900 !important; line-height: 48px !important; letter-spacing: .05em !important; text-transform: uppercase !important; } \/* ========================================== KEYFRAMES ========================================== *\/ @keyframes snCdMinute { from { transform: translateY(0); } to { transform: translateY(-260px); } } @keyframes snCdSecond { from { transform: translateY(0); } to { transform: translateY(-1560px); } } @keyframes snCdHideSecond { from { opacity: 1; } to { opacity: 0; } } @keyframes snCdShowFinal { from { opacity: 0; } to { opacity: 1; } } @keyframes snCdTwinkle { 0%, 100% { opacity: .25; transform: scale(.75) rotate(0deg); } 50% { opacity: 1; transform: scale(1.25) rotate(18deg); } } @keyframes snCdFire { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-2px) scale(1.12); } } @keyframes snCdTree { 0%, 100% { transform: rotate(-2deg); } 50% { transform: rotate(2deg); } } @keyframes snCdHourglass { 0%, 100% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } } @keyframes snCdParticle { 0% { transform: translateY(20px) scale(.7); opacity: 0; } 20% { opacity: .9; } 100% { transform: translateY(-100px) scale(1.1); opacity: 0; } } @keyframes snCdSheen { 0%, 62% { left: -35%; opacity: 0; } 73% { opacity: 1; } 100% { left: 125%; opacity: 0; } } @keyframes snCdGlowMove { 0%, 100% { transform: translateX(-3%); } 50% { transform: translateX(3%); } } @keyframes snCdBoxGlow { 0%, 100% { box-shadow: 0 6px 18px rgba(91,11,22,.24), 0 0 14px rgba(212,175,55,.10); } 50% { box-shadow: 0 7px 20px rgba(91,11,22,.30), 0 0 22px rgba(212,175,55,.20); } } @keyframes snMarqueeMove { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } } \/* ========================================== MOBILE ========================================== *\/ @media (max-width:480px) { .sn-cd-stage { margin-top: 8px !important; padding: 0 6px !important; } .sn-cd-box { max-width: 100% !important; padding: 10px 8px 9px !important; border-radius: 12px !important; } .sn-cd-title { gap: 5px !important; font-size: 14px !important; } .sn-cd-subtitle { font-size: 11px !important; } .sn-cd-timer { gap: 5px !important; } .sn-cd-unit { flex: 1 1 0 !important; max-width: 82px !important; padding: 6px 5px !important; border-radius: 9px !important; } .sn-cd-number, .sn-cd-window, .sn-cd-final-second { font-size: 20px !important; } .sn-cd-status { font-size: 11px !important; } .sn-marquee { height: 44px !important; } .sn-marquee-item { padding: 0 20px !important; font-size: 12px !important; line-height: 44px !important; } } \/* ========================================== VERY SMALL PHONE ========================================== *\/ @media (max-width:340px) { .sn-cd-title { font-size: 13px !important; } .sn-cd-subtitle { font-size: 10px !important; } .sn-cd-unit { padding-left: 4px !important; padding-right: 4px !important; } } \/* ========================================== REDUCED MOTION ========================================== *\/ @media (prefers-reduced-motion:reduce) { .sn-marquee-track, .sn-cd-box, .sn-cd-tree, .sn-cd-fire, .sn-cd-hourglass, .sn-cd-star, .sn-cd-particle, .sn-cd-sheen, .sn-cd-glow { animation: none !important; } } \u003c\/style\u003e \u003c!-- ===== SHOPNOVA SAFE SALE COUNTDOWN + MARQUEE END ===== --\u003e \u003cdiv id=\"skull-santa-top\" style=\"width: 100%; margin: 0 auto; padding: 0; background: #0f1012; color: #f7f2e8; font-family: Arial,Helvetica,sans-serif; box-sizing: border-box; overflow: hidden; line-height: 1.6;\"\u003e\n\u003c!-- HERO --\u003e \u003cdiv style=\"width: 100%; padding: 58px 20px 44px; background: linear-gradient(180deg,#090a0c 0%,#17191d 100%); box-sizing: border-box; text-align: center;\"\u003e \u003cdiv style=\"max-width: 1160px; margin: 0 auto;\"\u003e \u003cdiv style=\"display: inline-block; margin: 0 0 14px; padding: 7px 14px; border: 1px solid #aa3030; border-radius: 999px; color: #e56f63; font-size: 13px; font-weight: 800; letter-spacing: 1.8px;\"\u003e๐Ÿ’€๐ŸŽ… DARK CHRISTMAS LEGENDS\u003c\/div\u003e \u003ch2 style=\"margin: 0 auto 16px; max-width: 850px; color: #ffffff; font-size: clamp(32px,6vw,64px); line-height: 1.05; font-weight: 900; letter-spacing: -1.5px;\"\u003eTwo Legends.\u003cbr\u003e\u003cspan style=\"color: #c9493f;\"\u003eOne Dark Christmas.\u003c\/span\u003e\n\u003c\/h2\u003e \u003cp style=\"max-width: 760px; margin: 0 auto 28px; color: #c9c5bd; font-size: 18px; line-height: 1.7;\"\u003eOne Santa came straight from the grave. The other sailed in from the high seas. Choose your Christmas troublemaker and give holiday drinkware a lot more personality.\u003c\/p\u003e \u003cdiv style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 auto 26px;\"\u003e\n\u003cspan style=\"padding: 9px 14px; border-radius: 6px; background: #24262b; color: #fff; font-size: 14px; font-weight: bold;\"\u003e๐Ÿ’€ Skull Santa\u003c\/span\u003e \u003cspan style=\"padding: 9px 14px; border-radius: 6px; background: #24262b; color: #fff; font-size: 14px; font-weight: bold;\"\u003eโ˜ ๏ธ Pirate Santa\u003c\/span\u003e \u003cspan style=\"padding: 9px 14px; border-radius: 6px; background: #24262b; color: #fff; font-size: 14px; font-weight: bold;\"\u003e๐ŸŽ… Sculpted 3D Design\u003c\/span\u003e \u003cspan style=\"padding: 9px 14px; border-radius: 6px; background: #24262b; color: #fff; font-size: 14px; font-weight: bold;\"\u003e๐ŸŽ Legendary Gift Idea\u003c\/span\u003e\n\u003c\/div\u003e \u003ca style=\"display: inline-block; padding: 15px 24px; border-radius: 6px; background: #b8322d; color: #fff; text-decoration: none; font-size: 15px; font-weight: 900; letter-spacing: .7px; box-shadow: 0 8px 22px rgba(184,50,45,.28);\" href=\"#\"\u003eCHOOSE YOUR CHRISTMAS LEGEND\u003c\/a\u003e \u003cp style=\"margin: 12px 0 0; color: #898989; font-size: 13px;\"\u003eSelect Skull Santa or Pirate Santa in the product options above.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- TWO STYLES --\u003e \u003cdiv id=\"skull-santa-styles\" style=\"max-width: 1160px; margin: 0 auto; padding: 38px 16px 20px; box-sizing: border-box;\"\u003e \u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 18px; align-items: stretch;\"\u003e \u003cdiv style=\"flex: 1 1 420px; min-width: 0; background: #191b1f; border: 1px solid #2d3036; border-radius: 12px; overflow: hidden;\"\u003e\n\u003cimg style=\"display: block; width: 100%; height: auto; aspect-ratio: 1\/1; object-fit: cover;\" src=\"https:\/\/cdn.techcloudclub.com\/image\/340822aa1a2c2b463d29dfb65fcbee744f2927d1.png\" alt=\"Skull Santa Mug\"\u003e \u003cdiv style=\"padding: 17px 20px; color: #fff; font-size: 16px; font-weight: 900; letter-spacing: .8px; text-align: center;\"\u003e๐Ÿ’€๐ŸŽ… SKULL SANTA\u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"flex: 1 1 420px; min-width: 0; background: #191b1f; border: 1px solid #2d3036; border-radius: 12px; overflow: hidden;\"\u003e\n\u003cimg style=\"display: block; width: 100%; height: auto; aspect-ratio: 1\/1; object-fit: cover;\" src=\"https:\/\/cdn.techcloudclub.com\/image\/495b792b46d0ec92750c0a7903fd003b7708a9be.png\" alt=\"Pirate Santa Mug\"\u003e \u003cdiv style=\"padding: 17px 20px; color: #fff; font-size: 16px; font-weight: 900; letter-spacing: .8px; text-align: center;\"\u003eโ˜ ๏ธ๐Ÿบ PIRATE SANTA\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0;\"\u003e \u003cdiv style=\"flex: 1 1 210px; padding: 18px 14px; background: #17191d; border: 1px solid #2d3036; border-radius: 8px; text-align: center;\"\u003e \u003cdiv style=\"font-size: 25px;\"\u003e๐Ÿ’€\u003c\/div\u003e \u003cstrong style=\"display: block; color: #fff; font-size: 15px;\"\u003eTwo Character Styles\u003c\/strong\u003e\u003cspan style=\"color: #999; font-size: 13px;\"\u003ePick your troublemaker\u003c\/span\u003e\n\u003c\/div\u003e \u003cdiv style=\"flex: 1 1 210px; padding: 18px 14px; background: #17191d; border: 1px solid #2d3036; border-radius: 8px; text-align: center;\"\u003e \u003cdiv style=\"font-size: 25px;\"\u003e๐Ÿ—ฟ\u003c\/div\u003e \u003cstrong style=\"display: block; color: #fff; font-size: 15px;\"\u003eSculpted Detail\u003c\/strong\u003e\u003cspan style=\"color: #999; font-size: 13px;\"\u003eMade to get noticed\u003c\/span\u003e\n\u003c\/div\u003e \u003cdiv style=\"flex: 1 1 210px; padding: 18px 14px; background: #17191d; border: 1px solid #2d3036; border-radius: 8px; text-align: center;\"\u003e \u003cdiv style=\"font-size: 25px;\"\u003e๐ŸŽ„\u003c\/div\u003e \u003cstrong style=\"display: block; color: #fff; font-size: 15px;\"\u003eDark Holiday Style\u003c\/strong\u003e\u003cspan style=\"color: #999; font-size: 13px;\"\u003eChristmas with attitude\u003c\/span\u003e\n\u003c\/div\u003e \u003cdiv style=\"flex: 1 1 210px; padding: 18px 14px; background: #17191d; border: 1px solid #2d3036; border-radius: 8px; text-align: center;\"\u003e \u003cdiv style=\"font-size: 25px;\"\u003e๐ŸŽ\u003c\/div\u003e \u003cstrong style=\"display: block; color: #fff; font-size: 15px;\"\u003eGift Worthy\u003c\/strong\u003e\u003cspan style=\"color: #999; font-size: 13px;\"\u003eHard to forget\u003c\/span\u003e\n\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- LIFESTYLE INTRO --\u003e \u003cdiv style=\"max-width: 1160px; margin: 0 auto; padding: 38px 16px; box-sizing: border-box;\"\u003e \u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px; align-items: center; background: #181a1e; border: 1px solid #2d3036; border-radius: 14px; overflow: hidden;\"\u003e \u003cdiv style=\"flex: 1 1 500px; min-width: 0;\"\u003e\u003cimg style=\"display: block; width: 100%; height: auto;\" src=\"https:\/\/cdn.techcloudclub.com\/image\/fa1541481b2279fd6b08add27f8a6dc298c9caf7.png\" alt=\"Skull Santa Mug used by fireplace\"\u003e\u003c\/div\u003e \u003cdiv style=\"flex: 1 1 420px; min-width: 0; padding: 30px; box-sizing: border-box;\"\u003e \u003cdiv style=\"color: #cb4a40; font-size: 13px; font-weight: 900; letter-spacing: 1.5px;\"\u003eCHRISTMAS GOT A LOT LESS POLITE\u003c\/div\u003e \u003ch2 style=\"margin: 8px 0 14px; color: #fff; font-size: clamp(28px,4.2vw,44px); line-height: 1.12;\"\u003eCute Christmas Mugs Had Their Turn.\u003c\/h2\u003e \u003cp style=\"margin: 0 0 20px; color: #bcb8b0; font-size: 17px;\"\u003eThese mugs were made for the person who likes Christmas lights, strong characters, strange collectibles and gifts that make everyone at the table stop and look twice.\u003c\/p\u003e \u003cdiv style=\"padding: 18px 19px; border-left: 4px solid #b8322d; background: #111216; color: #efebe4; font-size: 17px; font-style: italic;\"\u003eโ€œTwo completely different Santas. Both have clearly been on the naughty list.โ€\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- CHARACTER CARDS --\u003e \u003cdiv style=\"max-width: 1160px; margin: 0 auto; padding: 35px 16px 48px; box-sizing: border-box;\"\u003e \u003cdiv style=\"text-align: center; margin-bottom: 26px;\"\u003e \u003cdiv style=\"color: #cb4a40; font-size: 13px; font-weight: 900; letter-spacing: 1.5px;\"\u003eMEET THE DARK CHRISTMAS LEGENDS\u003c\/div\u003e \u003ch2 style=\"margin: 8px 0 12px; color: #fff; font-size: clamp(29px,4.5vw,46px); line-height: 1.15;\"\u003eSame Holiday. Completely Different Trouble.\u003c\/h2\u003e \u003cp style=\"max-width: 720px; margin: 0 auto; color: #aaa59d; font-size: 17px;\"\u003eBoth designs share the same exaggerated Christmas attitude while telling completely different stories.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 18px; align-items: stretch;\"\u003e \u003cdiv style=\"flex: 1 1 450px; min-width: 0; background: #181a1e; border: 1px solid #34373d; border-radius: 12px; overflow: hidden;\"\u003e\n\u003cimg style=\"display: block; width: 100%; height: auto;\" src=\"https:\/\/cdn.techcloudclub.com\/image\/6f20dc54d51fb7b1b59f9088d920b883ea14df5a.png\" alt=\"Skull Santa Mug Christmas display\"\u003e \u003cdiv style=\"padding: 25px;\"\u003e \u003cdiv style=\"color: #d34d43; font-size: 12px; font-weight: 900; letter-spacing: 1.4px;\"\u003e๐Ÿ’€ FROM THE NAUGHTY LIST\u003c\/div\u003e \u003ch3 style=\"margin: 6px 0 10px; color: #fff; font-size: 29px; line-height: 1.2;\"\u003eSkull Santa Mugโ„ข\u003c\/h3\u003e \u003cp style=\"margin: 0 0 14px; color: #b9b4ac;\"\u003eA weathered skull wrapped in Santa's beard, hat and holly. Dark eye sockets, exposed teeth and old bone textures give this version the strongest gothic Christmas personality.\u003c\/p\u003e \u003cdiv style=\"color: #eee9e1; font-size: 15px; line-height: 1.9;\"\u003eโœ“ Sculpted skull face\u003cbr\u003eโœ“ Large textured Santa beard\u003cbr\u003eโœ“ Red hat and holly accents\u003cbr\u003eโœ“ Skull medallion handle detail\u003cbr\u003eโœ“ Stainless steel inner liner shown in product imagery\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"flex: 1 1 450px; min-width: 0; background: #181a1e; border: 1px solid #34373d; border-radius: 12px; overflow: hidden;\"\u003e\n\u003cimg style=\"display: block; width: 100%; height: auto;\" src=\"https:\/\/cdn.techcloudclub.com\/image\/2f109c3f25571c57f7f702ed524e4a24ec9a90f2.png\" alt=\"Pirate Santa Mug details\"\u003e \u003cdiv style=\"padding: 25px;\"\u003e \u003cdiv style=\"color: #d8a348; font-size: 12px; font-weight: 900; letter-spacing: 1.4px;\"\u003eโ˜ ๏ธ CHRISTMAS ON THE HIGH SEAS\u003c\/div\u003e \u003ch3 style=\"margin: 6px 0 10px; color: #fff; font-size: 29px; line-height: 1.2;\"\u003ePirate Santa Mugโ„ข\u003c\/h3\u003e \u003cp style=\"margin: 0 0 14px; color: #b9b4ac;\"\u003eSanta traded the sleigh for a pirate ship. An eye patch, rope-wrapped handle, skull accents, gold details and hanging anchor turn the second style into a Christmas captain with absolutely no intention of behaving.\u003c\/p\u003e \u003cdiv style=\"color: #eee9e1; font-size: 15px; line-height: 1.9;\"\u003eโœ“ Pirate eye patch with skull emblem\u003cbr\u003eโœ“ Rope-inspired sculpted handle\u003cbr\u003eโœ“ Hanging gold anchor detail\u003cbr\u003eโœ“ Beads, compass and skull accents\u003cbr\u003eโœ“ โ€œYO HO HO \u0026amp; HOT COCOAโ€ front plaque\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- CHOICE --\u003e \u003cdi\u003e\u003c\/di\u003e\n\u003c\/div\u003e","brand":"YL678","offers":[{"title":"๐Ÿ’€๐ŸŽ… Skull Santa Mugโ„ข \/ 5.1' x 6.1' x 4.7' (13 x 15.5 x 12 cm)","offer_id":49520802398308,"sku":"CR3638480-1","price":29.99,"currency_code":"USD","in_stock":true},{"title":"โ˜ ๏ธ๐Ÿบ Pirate Santa Mugโ„ข \/ 5.1' x 6.1' x 4.7' (13 x 15.5 x 12 cm)","offer_id":49520802431076,"sku":"CR3638480-2","price":29.99,"currency_code":"USD","in_stock":true},{"title":"๐ŸŽ All 2 Styles ยท Save 10% \/ 5.1' x 6.1' x 4.7' (13 x 15.5 x 12 cm)","offer_id":49520802463844,"sku":"CR3638480-1+CR3638480-2","price":53.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/0397\/5780\/files\/1f73aced21fbf5598546a5238b3317eb85d7b0fe.jpg?v=1789955941","url":"https:\/\/ahlwoplus.com\/products\/%f0%9f%92%80%f0%9f%8e%85-3d-dark-christmas-santa-mug-collection-skull-santa-pirate-santa-designs-with-sculpted-holiday-details-%e2%98%a0%ef%b8%8f%f0%9f%8e%81","provider":"ahlwoplus","version":"1.0","type":"link"}