{"product_id":"jura-c3-naa-piano-black","title":"JURA C3 (NAA) Piano Black","description":"\u003cdiv style=\"max-width: 920px; margin: 0 auto; color: #2b2b2b; line-height: 1.65; font-size: 16px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\"\u003e\n  \u003cstyle\u003e\n    @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px);} to { opacity: 1; transform: translateY(0);} }\n    @keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px);} to { opacity: 1; transform: translateY(0);} }\n    @keyframes pulse { 0%,100%{transform:scale(1);} 50%{transform:scale(1.03);} }\n    @keyframes shimmer { 0%{background-position:-200% 0;} 100%{background-position:200% 0;} }\n    @keyframes float { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-6px);} }\n    @keyframes steamRise { 0%{opacity:0;transform:translateY(0) scale(1) rotate(0deg);} 25%{opacity:.5;} 50%{transform:translateY(-15px) scale(1.2) rotate(5deg);} 75%{opacity:.3;} 100%{opacity:0;transform:translateY(-30px) scale(1.5) rotate(-5deg);} }\n    @keyframes bounce { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-4px);} }\n    @keyframes slideInLeft { from { opacity:0; transform:translateX(-25px);} to { opacity:1; transform:translateX(0);} }\n    @keyframes slideInRight { from { opacity:0; transform:translateX(25px);} to { opacity:1; transform:translateX(0);} }\n    @keyframes scaleIn { from { opacity:0; transform:scale(.85);} to { opacity:1; transform:scale(1);} }\n    @keyframes rotate360 { from { transform:rotate(0deg);} to { transform:rotate(360deg);} }\n    @keyframes glowPulse { 0%,100%{text-shadow:0 0 5px rgba(74,31,63,.3);} 50%{text-shadow:0 0 15px rgba(74,31,63,.6),0 0 5px rgba(201,169,106,.4);} }\n    @keyframes gradientShift { 0%{background-position:0% 50%;} 50%{background-position:100% 50%;} 100%{background-position:0% 50%;} }\n    @keyframes ripple { 0%{box-shadow:0 0 0 0 rgba(74,31,63,.4);} 70%{box-shadow:0 0 0 12px rgba(74,31,63,0);} 100%{box-shadow:0 0 0 0 rgba(74,31,63,0);} }\n    @keyframes sparkle { 0%,100%{opacity:0;transform:scale(0) rotate(0deg);} 50%{opacity:1;transform:scale(1) rotate(180deg);} }\n    @keyframes wobble { 0%,100%{transform:rotate(0deg);} 25%{transform:rotate(-3deg);} 75%{transform:rotate(3deg);} }\n    @keyframes slideUpReveal { 0%{clip-path:inset(100% 0 0 0);} 100%{clip-path:inset(0 0 0 0);} }\n    @keyframes heartbeat { 0%,100%{transform:scale(1);} 10%,30%{transform:scale(1.08);} 20%,40%{transform:scale(1);} }\n    @keyframes colorPop { 0%,100%{background:#4A1F3F;} 50%{background:#6b3059;} }\n    @keyframes fadeInZoom { from { opacity:0; transform:scale(.8);} to { opacity:1; transform:scale(1);} }\n    @keyframes slideDown { from { opacity:0; transform:translateY(-15px);} to { opacity:1; transform:translateY(0);} }\n    @keyframes shimmerWave { 0%{transform:translateX(-100%);} 100%{transform:translateX(100%);} }\n    @keyframes bounceIn { 0%{opacity:0;transform:scale(.3);} 50%{opacity:1;transform:scale(1.05);} 70%{transform:scale(.9);} 100%{transform:scale(1);} }\n    @keyframes rotateGlow { 0%{transform:rotate(0deg);filter:brightness(1);} 50%{transform:rotate(180deg);filter:brightness(1.2);} 100%{transform:rotate(360deg);filter:brightness(1);} }\n    @keyframes moveUpgrade { 0%{left:0%;opacity:0;transform:translateX(0) scale(.8);} 10%{opacity:1;transform:translateX(0) scale(1);} 45%{opacity:1;} 50%{opacity:0;transform:translateX(0) scale(.8);} 51%{left:100%;opacity:0;transform:translateX(-100%) scale(.8);} 60%{opacity:1;transform:translateX(-100%) scale(1);} 95%{opacity:1;} 100%{opacity:0;transform:translateX(-100%) scale(.8);} }\n    @keyframes moveArrow { 0%{left:0%;opacity:0;transform:translateX(0) translateY(-10px);} 10%{opacity:1;transform:translateX(0) translateY(0);} 45%{opacity:1;} 50%{opacity:0;transform:translateX(0) translateY(10px);} 51%{left:100%;opacity:0;transform:translateX(-100%) translateY(10px);} 60%{opacity:1;transform:translateX(-100%) translateY(0);} 95%{opacity:1;} 100%{opacity:0;transform:translateX(-100%) translateY(-10px);} }\n    @keyframes upgradeGlow { 0%,100%{box-shadow:0 2px 12px rgba(201,169,106,.6),0 0 0 rgba(255,215,0,0);} 50%{box-shadow:0 4px 20px rgba(201,169,106,.9),0 0 15px rgba(255,215,0,.5);} }\n    @keyframes arrowPulse { 0%,100%{transform:translateX(0) translateY(0) scale(1);} 50%{transform:translateX(0) translateY(0) scale(1.2);} }\n    @keyframes arFloat { 0%,100%{transform:translateY(0) rotateX(0deg);} 50%{transform:translateY(-12px) rotateX(5deg);} }\n    @keyframes arHover { 0%,100%{transform:translateY(0) scale(1);} 50%{transform:translateY(-8px) scale(1.02);} }\n    @keyframes scanline { 0%{top:0%;opacity:0;} 10%{opacity:1;} 90%{opacity:1;} 100%{top:100%;opacity:0;} }\n    @keyframes particleFloat { 0%,100%{transform:translateY(0) translateX(0);opacity:.6;} 50%{transform:translateY(-20px) translateX(10px);opacity:1;} }\n    @keyframes arGlow { 0%,100%{box-shadow:0 0 20px rgba(74,31,63,.3),0 0 40px rgba(201,169,106,.2);} 50%{box-shadow:0 0 40px rgba(74,31,63,.5),0 0 80px rgba(201,169,106,.4);} }\n    @keyframes techRotate { 0%{transform:rotate(0deg);opacity:.3;} 50%{transform:rotate(180deg);opacity:.8;} 100%{transform:rotate(360deg);opacity:.3;} }\n    @keyframes dataPulse { 0%,100%{opacity:.4;transform:scale(1);} 50%{opacity:1;transform:scale(1.05);} }\n    @keyframes holoFade { 0%,100%{opacity:.3;} 50%{opacity:.8;} }\n    @keyframes mapleFloat { 0%,100%{transform:translateY(0) rotate(0deg);} 50%{transform:translateY(-6px) rotate(6deg);} }\n    @keyframes mapleRotate { 0%,100%{transform:rotate(0deg);} 25%{transform:rotate(-6deg);} 75%{transform:rotate(6deg);} }\n    @keyframes pulseGlow { 0%,100%{opacity:.5;transform:translate(-50%, -50%) scale(1);} 50%{opacity:.9;transform:translate(-50%, -50%) scale(1.08);} }\n    @keyframes textShimmer { 0%,100%{opacity:1;} 50%{opacity:.75;} }\n    @keyframes softTilt { 0%,100%{transform:rotate(0deg) translateY(0);} 50%{transform:rotate(1.5deg) translateY(-3px);} }\n    @keyframes borderDance { 0%,100%{border-color:rgba(201,169,106,.18);} 50%{border-color:rgba(201,169,106,.45);} }\n  \u003c\/style\u003e\n\n  \u003cdiv style=\"animation: fadeInUp 0.8s ease-out; position: relative;\"\u003e\n    \u003cdiv style=\"position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, rgba(201,169,106,0.4), transparent); animation: shimmerWave 2s ease-in-out infinite 1s;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n    \u003cp style=\"font-size: 18px; margin: 0 0 6px 0; animation: fadeInUp 0.8s ease-out 0.2s both; position: relative; z-index: 1;\"\u003e\n      The \u003cspan style=\"color:#4a1f3f; text-decoration: underline;\"\u003eJURA C3 (NAA) Piano Black\u003c\/span\u003e brings compact luxury into the home with black specialty coffees, a full-size brewing unit, and a clean premium wave-design finish.\n    \u003c\/p\u003e\n    \u003cp style=\"font-size: 15px; color: #666; margin: 0 0 20px 0; animation: fadeInUp 0.8s ease-out 0.3s both; position: relative;\"\u003e\n      Built for espresso and coffee drinkers who want elegant simplicity, the C3 pairs a Professional Aroma Grinder, text-display Easy Control Panel, and support for pre-ground coffee in a smaller countertop footprint.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 28px 0;\"\u003e\n    \u003cdiv style=\"flex: 1 1 130px; min-width: 130px; background: #faf8f9; border: 1px solid #ece3e8; border-radius: 10px; padding: 12px 10px; text-align: center; animation: bounceIn 0.8s ease-out 0.2s both; box-shadow: 0 2px 8px rgba(0,0,0,0.04); position: relative; overflow: hidden;\"\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 20%; width: 4px; height: 12px; background: linear-gradient(to top, rgba(201,169,106,0.3), transparent); border-radius: 50%; filter: blur(2px); animation: steamRise 2s ease-in-out infinite;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 50%; width: 5px; height: 15px; background: linear-gradient(to top, rgba(201,169,106,0.25), transparent); border-radius: 50%; filter: blur(2px); animation: steamRise 2.5s ease-in-out infinite 0.3s;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 80%; width: 4px; height: 10px; background: linear-gradient(to top, rgba(201,169,106,0.2), transparent); border-radius: 50%; filter: blur(2px); animation: steamRise 2.2s ease-in-out infinite 0.6s;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n      \u003cdiv style=\"font-size: 22px; animation: heartbeat 2s ease-in-out infinite;\"\u003e☕\u003c\/div\u003e\n      \u003cdiv style=\"font-size: 12px; color: #8a7a83; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 4px;\"\u003eSpecialties\u003c\/div\u003e\n      \u003cdiv style=\"font-size: 14px; font-weight: 600; color: #4a1f3f;\"\u003e4\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"flex: 1 1 130px; min-width: 130px; background: #faf8f9; border: 1px solid #ece3e8; border-radius: 10px; padding: 12px 10px; text-align: center; animation: bounceIn 0.8s ease-out 0.3s both; box-shadow: 0 2px 8px rgba(0,0,0,0.04); position: relative; overflow: hidden;\"\u003e\n      \u003cdiv style=\"font-size: 22px; animation: wobble 3s ease-in-out infinite;\"\u003e⚙️\u003c\/div\u003e\n      \u003cdiv style=\"font-size: 12px; color: #8a7a83; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 4px;\"\u003eGrinder\u003c\/div\u003e\n      \u003cdiv style=\"font-size: 14px; font-weight: 600; color: #4a1f3f;\"\u003eP.A.G.\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"flex: 1 1 130px; min-width: 130px; background: #faf8f9; border: 1px solid #ece3e8; border-radius: 10px; padding: 12px 10px; text-align: center; animation: bounceIn 0.8s ease-out 0.4s both; box-shadow: 0 2px 8px rgba(0,0,0,0.04); position: relative; overflow: hidden;\"\u003e\n      \u003cdiv style=\"font-size: 22px; animation: float 3s ease-in-out infinite 0.3s;\"\u003e📱\u003c\/div\u003e\n      \u003cdiv style=\"font-size: 12px; color: #8a7a83; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 4px;\"\u003eApp\u003c\/div\u003e\n      \u003cdiv style=\"font-size: 14px; font-weight: 600; color: #4a1f3f;\"\u003eJ.O.E. Compatible\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"flex: 1 1 130px; min-width: 130px; background: #faf8f9; border: 1px solid #ece3e8; border-radius: 10px; padding: 12px 10px; text-align: center; animation: bounceIn 0.8s ease-out 0.5s both; box-shadow: 0 2px 8px rgba(0,0,0,0.04); position: relative; overflow: hidden;\"\u003e\n      \u003cdiv style=\"font-size: 22px; animation: bounce 2s ease-in-out infinite;\"\u003e🖤\u003c\/div\u003e\n      \u003cdiv style=\"font-size: 12px; color: #8a7a83; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 4px;\"\u003eFinish\u003c\/div\u003e\n      \u003cdiv style=\"font-size: 14px; font-weight: 600; color: #4a1f3f;\"\u003ePiano Black\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"background: #faf8f9; border: 1px solid #ece3e8; border-radius: 10px; padding: 14px 18px; margin: 0 0 28px 0; animation: fadeInUp 0.8s ease-out 0.6s both; position: relative; overflow: hidden;\"\u003e\n    \u003cdiv style=\"position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); animation: shimmerWave 2s ease-in-out infinite 1s;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n    \u003cdiv style=\"display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; position:relative; z-index:1;\"\u003e\n      \u003cspan style=\"font-size:14px; font-weight:600; color:#4a1f3f; animation:glowPulse 2s ease-in-out infinite;\"\u003eCOFFEE EXPERIENCE LEVEL\u003c\/span\u003e\n      \u003cspan style=\"font-size:13px; color:#666;\"\u003eSimple Black Coffee Luxury\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"position:relative; margin-top:12px;\"\u003e\n      \u003cdiv style=\"display:flex; gap:4px; position:relative; z-index:1;\"\u003e\n        \u003cdiv style=\"flex:1; height:10px; border-radius:5px; background:linear-gradient(90deg,#4A1F3F,#6b3059,#4A1F3F); animation:gradientShift 3s ease-in-out infinite;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n        \u003cdiv style=\"flex:1; height:10px; border-radius:5px; background:linear-gradient(90deg,#4A1F3F,#6b3059,#4A1F3F); animation:gradientShift 3s ease-in-out infinite .2s;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n        \u003cdiv style=\"flex:1; height:10px; border-radius:5px; background:linear-gradient(90deg,#e2d8de,#f0e8ec,#e2d8de);\"\u003e\u003cbr\u003e\u003c\/div\u003e\n        \u003cdiv style=\"flex:1; height:10px; border-radius:5px; background:linear-gradient(90deg,#e2d8de,#f0e8ec,#e2d8de);\"\u003e\u003cbr\u003e\u003c\/div\u003e\n        \u003cdiv style=\"flex:1; height:10px; border-radius:5px; background:linear-gradient(90deg,#e2d8de,#f0e8ec,#e2d8de);\"\u003e\u003cbr\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"position:absolute; top:8px; left:0; width:100%; height:10px; pointer-events:none; z-index:2;\"\u003e\n        \u003cdiv style=\"position:absolute; background:linear-gradient(135deg,#c9a96a,#ffd700,#c9a96a); color:#4a1f3f; font-size:10px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; padding:3px 10px; border-radius:12px; white-space:nowrap; box-shadow:0 2px 8px rgba(201,169,106,0.5); animation:moveUpgrade 6s ease-in-out infinite, upgradeGlow 2s ease-in-out infinite .5s;\"\u003eC3\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"position:absolute; top:6px; left:0; width:100%; height:10px; pointer-events:none; z-index:2;\"\u003e\n        \u003cdiv style=\"position:absolute; color:#c9a96a; font-size:16px; line-height:1; animation:moveArrow 6s ease-in-out infinite, arrowPulse 2s ease-in-out infinite .5s;\"\u003e▼\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"display:flex; justify-content:space-between; margin-top:14px; position:relative; z-index:1;\"\u003e\n      \u003cspan style=\"font-size:11px; color:#999;\"\u003eEntry Simplicity\u003c\/span\u003e\n      \u003cspan style=\"font-size:11px; color:#999;\"\u003ePremium Compact Black Coffee\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin:8px 0 0 0; font-size:12.5px; color:#8a7a83; position:relative; z-index:1;\"\u003e\n      Ideal for households focused on espresso and coffee without milk complexity, but still wanting refined Jura design and brewing performance.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003ch3 style=\"font-size: 20px; color: #4a1f3f; margin: 0 0 14px 0; animation: slideInLeft 0.6s ease-out; position: relative; display: inline-block;\"\u003e\n    Why Choose the JURA C3\n    \u003cspan style=\"position: absolute; bottom: -4px; left: 0; width: 40px; height: 2px; background: linear-gradient(90deg, #4A1F3F, #c9a96a); animation: slideUpReveal 0.8s ease-out 0.5s both;\"\u003e\u003c\/span\u003e\n  \u003c\/h3\u003e\n\n  \u003cdiv style=\"display:flex; flex-wrap:wrap; gap:14px; margin:0 0 28px 0;\"\u003e\n    \u003cdiv style=\"flex:1 1 270px; background:#ffffff; border:1px solid #ece3e8; border-top:4px solid #4A1F3F; padding:16px 18px; border-radius:10px; animation:fadeInUp 0.8s ease-out 0.4s both; box-shadow:0 2px 8px rgba(0,0,0,0.04); position:relative; overflow:hidden;\"\u003e\n      \u003cdiv style=\"font-size:13px; color:#b39aa9; font-weight:bold; letter-spacing:1px; animation:rotateGlow 8s linear infinite; display:inline-block; padding:4px 10px; background:linear-gradient(135deg,#f7f3f6,#ffffff); border-radius:20px; border:1px solid #ece3e8;\"\u003e01\u003c\/div\u003e\n      \u003cp style=\"margin:6px 0;\"\u003e\u003cstrong\u003eFull-size brewing unit\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cp style=\"margin:0; font-size:14.5px; color:#555;\"\u003eThe C3 is built to deliver flavourful black specialty coffees with the aroma and body expected from Jura’s full-size brewing system.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"flex:1 1 270px; background:#ffffff; border:1px solid #ece3e8; border-top:4px solid #4A1F3F; padding:16px 18px; border-radius:10px; animation:fadeInUp 0.8s ease-out 0.5s both; box-shadow:0 2px 8px rgba(0,0,0,0.04); position:relative; overflow:hidden;\"\u003e\n      \u003cdiv style=\"font-size:13px; color:#b39aa9; font-weight:bold; letter-spacing:1px; animation:heartbeat 2s ease-in-out infinite; display:inline-block; padding:4px 10px; background:linear-gradient(135deg,#f7f3f6,#ffffff); border-radius:20px; border:1px solid #ece3e8;\"\u003e02\u003c\/div\u003e\n      \u003cp style=\"margin:6px 0;\"\u003e\u003cstrong\u003eEasy Control Panel\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cp style=\"margin:0; font-size:14.5px; color:#555;\"\u003eA new Easy Control Panel with text display keeps operation simple and approachable while maintaining the polished feel of a premium automatic machine.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"flex:1 1 270px; background:#ffffff; border:1px solid #ece3e8; border-top:4px solid #4A1F3F; padding:16px 18px; border-radius:10px; animation:fadeInUp 0.8s ease-out 0.6s both; box-shadow:0 2px 8px rgba(0,0,0,0.04); position:relative; overflow:hidden;\"\u003e\n      \u003cdiv style=\"font-size:13px; color:#b39aa9; font-weight:bold; letter-spacing:1px; animation:bounce 2s ease-in-out infinite; display:inline-block; padding:4px 10px; background:linear-gradient(135deg,#f7f3f6,#ffffff); border-radius:20px; border:1px solid #ece3e8;\"\u003e03\u003c\/div\u003e\n      \u003cp style=\"margin:6px 0;\"\u003e\u003cstrong\u003ePre-ground coffee bypass\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cp style=\"margin:0; font-size:14.5px; color:#555;\"\u003eThe integrated powder chute adds flexibility by allowing pre-ground coffee when needed, useful for decaf or occasional alternate beans.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"flex:1 1 270px; background:#ffffff; border:1px solid #ece3e8; border-top:4px solid #4A1F3F; padding:16px 18px; border-radius:10px; animation:fadeInUp 0.8s ease-out 0.7s both; box-shadow:0 2px 8px rgba(0,0,0,0.04); position:relative; overflow:hidden;\"\u003e\n      \u003cdiv style=\"font-size:13px; color:#b39aa9; font-weight:bold; letter-spacing:1px; animation:rotateGlow 8s linear infinite reverse; display:inline-block; padding:4px 10px; background:linear-gradient(135deg,#f7f3f6,#ffffff); border-radius:20px; border:1px solid #ece3e8;\"\u003e04\u003c\/div\u003e\n      \u003cp style=\"margin:6px 0;\"\u003e\u003cstrong\u003eCompact premium styling\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cp style=\"margin:0; font-size:14.5px; color:#555;\"\u003eIts timeless wave-design body brings premium Jura aesthetics to smaller kitchens without losing the upscale visual presence people expect from the brand.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display:flex; flex-wrap:wrap; gap:14px; margin:0 0 28px 0;\"\u003e\n    \u003cdiv style=\"flex:1 1 270px; background:#f3faf5; border:1px solid #d7ecd0; border-radius:10px; padding:16px 18px; animation:slideInLeft 0.8s ease-out 0.8s both; position:relative; overflow:hidden;\"\u003e\n      \u003cp style=\"margin: 0 0 8px 0;\"\u003e\u003cstrong style=\"animation:pulse 2s ease-in-out infinite; display:inline-block;\"\u003e✓ Perfect for you if…\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cul style=\"margin:0; padding-left:18px; font-size:14.5px; color:#444;\"\u003e\n        \u003cli\u003eYou mainly drink espresso or black coffee.\u003c\/li\u003e\n        \u003cli\u003eYou want Jura quality in a more compact lifestyle format.\u003c\/li\u003e\n        \u003cli\u003eYou value simple operation over a huge drink menu.\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"flex:1 1 270px; background:#f7f4fb; border:1px solid #e2dcef; border-radius:10px; padding:16px 18px; animation:slideInRight 0.8s ease-out 0.9s both; position:relative; overflow:hidden;\"\u003e\n      \u003cp style=\"margin: 0 0 8px 0;\"\u003e\u003cstrong style=\"animation:wobble 3s ease-in-out infinite; display:inline-block;\"\u003e☕ Why it stands out\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cp style=\"margin:0; font-size:14.5px; color:#444;\"\u003eThe C3 targets users who want a refined bean-to-cup machine focused on black coffee excellence instead of milk-heavy complexity, while still delivering Jura’s premium build direction.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"background: linear-gradient(135deg, #1a0f1a 0%, #2d1f2d 50%, #1a0f1a 100%); border: 2px solid #4A1F3F; border-radius: 16px; padding: 28px; margin: 0 0 28px 0; animation: fadeInUp 0.8s ease-out 1s both; position: relative; overflow: hidden; box-shadow: 0 8px 32px rgba(74,31,63,0.3);\"\u003e\n    \u003cdiv style=\"position:absolute; top:0; left:0; right:0; bottom:0; opacity:.1; background-image:linear-gradient(rgba(201,169,106,0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(201,169,106,0.3) 1px, transparent 1px); background-size:30px 30px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n    \u003cdiv style=\"position:absolute; top:20%; left:15%; width:6px; height:6px; background:rgba(201,169,106,0.6); border-radius:50%; filter:blur(2px); animation:particleFloat 4s ease-in-out infinite;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n    \u003cdiv style=\"position:absolute; top:60%; left:80%; width:8px; height:8px; background:rgba(201,169,106,0.5); border-radius:50%; filter:blur(2px); animation:particleFloat 5s ease-in-out infinite 1s;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n    \u003cdiv style=\"position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:280px; height:280px; border:2px solid rgba(201,169,106,0.15); border-radius:50%; animation:techRotate 20s linear infinite;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n    \u003cdiv style=\"position:absolute; left:0; right:0; height:3px; background:linear-gradient(90deg, transparent, rgba(201,169,106,0.6), transparent); animation:scanline 3s ease-in-out infinite;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n    \u003cdiv style=\"position:relative; z-index:1; text-align:center;\"\u003e\n      \u003cdiv style=\"margin:0 auto 20px auto; width:100px; height:100px; position:relative; animation:arFloat 4s ease-in-out infinite;\"\u003e\n        \u003cdiv style=\"position:absolute; inset:0; background:radial-gradient(circle, rgba(201,169,106,0.3), transparent 70%); border-radius:50%; animation:arGlow 3s ease-in-out infinite;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n        \u003cdiv style=\"position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\"\u003e\n          \u003cspan style=\"font-size:42px; animation:dataPulse 2s ease-in-out infinite;\"\u003e🖤\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv style=\"background: rgba(74,31,63,0.3); border: 1px solid rgba(201,169,106,0.3); border-radius: 12px; padding: 18px; margin: 0 auto 24px auto; max-width: 440px; backdrop-filter: blur(10px); animation: borderDance 3s ease-in-out infinite;\"\u003e\n        \u003cdiv style=\"display:flex; justify-content:space-around; margin-bottom:16px; flex-wrap:wrap; gap:12px;\"\u003e\n          \u003cdiv style=\"text-align:center;\"\u003e\n            \u003cdiv style=\"font-size:24px; font-weight:bold; color:#c9a96a; animation:dataPulse 2s ease-in-out infinite;\"\u003e4\u003c\/div\u003e\n            \u003cdiv style=\"font-size:11px; color:#b39aa9; text-transform:uppercase; letter-spacing:1px; margin-top:4px;\"\u003eDrinks\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv style=\"text-align:center;\"\u003e\n            \u003cdiv style=\"font-size:24px; font-weight:bold; color:#c9a96a; animation:dataPulse 2s ease-in-out infinite .3s;\"\u003eP.A.G.\u003c\/div\u003e\n            \u003cdiv style=\"font-size:11px; color:#b39aa9; text-transform:uppercase; letter-spacing:1px; margin-top:4px;\"\u003eGrinder\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv style=\"text-align:center;\"\u003e\n            \u003cdiv style=\"font-size:24px; font-weight:bold; color:#c9a96a; animation:dataPulse 2s ease-in-out infinite .6s;\"\u003e80-115\u003c\/div\u003e\n            \u003cdiv style=\"font-size:11px; color:#b39aa9; text-transform:uppercase; letter-spacing:1px; margin-top:4px;\"\u003eSpout mm\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv style=\"height:2px; background:linear-gradient(90deg, transparent, rgba(201,169,106,0.5), transparent); margin:12px 0;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n        \u003cdiv style=\"font-size:11px; color:#b39aa9; letter-spacing:2px; text-transform:uppercase;\"\u003ePremium Compact Lifestyle\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv style=\"display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; background:linear-gradient(135deg, #4A1F3F 0%, #6b3059 50%, #4A1F3F 100%); background-size:200% 100%; color:#ffffff; padding:20px 40px; border-radius:20px; font-size:16px; font-weight:bold; box-shadow:0 8px 32px rgba(74,31,63,0.4); position:relative; overflow:hidden; animation:arHover 4s ease-in-out infinite;\"\u003e\n        \u003cdiv style=\"position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg, transparent, rgba(201,169,106,0.3), transparent); animation:shimmerWave 3s ease-in-out infinite;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n        \u003cspan style=\"font-size:28px; animation:heartbeat 2s ease-in-out infinite; position:relative; z-index:1;\"\u003e✨\u003c\/span\u003e\n        \u003cspan style=\"position:relative; z-index:1; letter-spacing:1px;\"\u003eBLACK COFFEE REFINED\u003c\/span\u003e\n        \u003cspan style=\"font-size:10px; color:#c9a96a; text-transform:uppercase; letter-spacing:2px; position:relative; z-index:1;\"\u003eCompact • Elegant • Focused\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003ch3 style=\"font-size: 20px; color: #4a1f3f; margin: 0 0 14px 0; animation: slideInLeft 0.6s ease-out; position: relative; display: inline-block;\"\u003e\n    Full Specifications\n    \u003cspan style=\"position: absolute; bottom: -4px; left: 0; width: 40px; height: 2px; background: linear-gradient(90deg, #4A1F3F, #c9a96a); animation: slideUpReveal 0.8s ease-out 0.5s both;\"\u003e\u003c\/span\u003e\n  \u003c\/h3\u003e\n\n  \u003ctable style=\"width:100%; border-collapse:collapse; font-size:14px; margin:0 0 28px 0; animation:scaleIn 0.8s ease-out 1.1s both; border:1px solid #ece3e8; border-radius:10px; overflow:hidden;\"\u003e\n    \u003ctbody\u003e\n      \u003ctr style=\"background:#4A1F3F; color:#ffffff;\"\u003e\u003ctd colspan=\"2\" style=\"padding:10px 12px;\"\u003e\u003cstrong\u003eProduct Information\u003c\/strong\u003e\u003c\/td\u003e\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8; background:#faf8f9; width:45%;\"\u003e\u003cstrong\u003eModel\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8;\"\u003eJURA C3 (NAA)\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8; background:#faf8f9;\"\u003e\u003cstrong\u003eColour\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8;\"\u003ePiano Black\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8; background:#faf8f9;\"\u003e\u003cstrong\u003eArticle No.\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8;\"\u003e15711\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8; background:#faf8f9;\"\u003e\u003cstrong\u003eMSRP\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8;\"\u003e$1,495.00\u003c\/td\u003e\n\u003c\/tr\u003e\n\n      \u003ctr style=\"background:#4A1F3F; color:#ffffff;\"\u003e\u003ctd colspan=\"2\" style=\"padding:10px 12px;\"\u003e\u003cstrong\u003eKey Features\u003c\/strong\u003e\u003c\/td\u003e\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8; background:#faf8f9;\"\u003e\u003cstrong\u003eBrewing Unit\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8;\"\u003eFull-size brewing unit\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8; background:#faf8f9;\"\u003e\u003cstrong\u003eControl Panel\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8;\"\u003eEasy Control Panel with text display\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8; background:#faf8f9;\"\u003e\u003cstrong\u003eGrinder\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8;\"\u003eP.A.G. - Professional Aroma Grinder\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8; background:#faf8f9;\"\u003e\u003cstrong\u003ePre-Ground Bypass\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8;\"\u003ePowder chute for additional pre-ground coffee\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8; background:#faf8f9;\"\u003e\u003cstrong\u003eSpout\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8;\"\u003eDual spout, height adjustable 80-115mm\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8; background:#faf8f9;\"\u003e\u003cstrong\u003eSpecialties\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003ctr\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8; background:#faf8f9;\"\u003e\u003cstrong\u003eConnectivity\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding:9px 12px; border:1px solid #ece3e8;\"\u003eCompatible with J.O.E.\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003c\/tbody\u003e\n  \u003c\/table\u003e\n\u003c\/div\u003e\n\n\u003c!-- ===== ANTHONYS VALUE STRIP ===== --\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #4A1F3F 0%, #6b3059 100%); color: #ffffff; padding: 22px 24px; border-radius: 12px; margin: 0 0 20px 0; animation: fadeInUp 0.8s ease-out 1.3s both; box-shadow: 0 4px 16px rgba(74,31,63,0.2); position: relative; overflow: hidden;\"\u003e\n  \u003cdiv style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200%; height: 200%; background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%); animation: ripple 3s ease-out infinite; pointer-events: none;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n  \u003cdiv style=\"position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(201,169,106,0.15), transparent); animation: shimmerWave 3s ease-in-out infinite 1s; pointer-events: none;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n  \u003cp style=\"margin: 0 0 12px 0; font-size: 17px; position: relative; z-index: 1;\"\u003e\n    \u003cstrong style=\"animation: colorPop 3s ease-in-out infinite; display: inline-block; padding: 4px 12px; background: linear-gradient(135deg, #4A1F3F, #6b3059, #4A1F3F); background-size: 200% 100%; border-radius: 20px;\"\u003eThe Anthonys Difference\u003c\/strong\u003e\n  \u003c\/p\u003e\n  \u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px 24px; font-size: 14px; position: relative; z-index: 1;\"\u003e\n    \u003cspan style=\"animation: float 3s ease-in-out infinite; display: inline-flex; align-items: center; gap: 6px;\"\u003e\u003cspan style=\"animation: heartbeat 2s ease-in-out infinite;\"\u003e✦\u003c\/span\u003e In-house parts and repair centre\u003c\/span\u003e\n    \u003cspan style=\"animation: float 3s ease-in-out infinite 0.3s; display: inline-flex; align-items: center; gap: 6px;\"\u003e\u003cspan style=\"animation: wobble 3s ease-in-out infinite;\"\u003e✦\u003c\/span\u003e Free shipping over $79\u003c\/span\u003e\n    \u003cspan style=\"animation: float 3s ease-in-out infinite 0.6s; display: inline-flex; align-items: center; gap: 6px;\"\u003e\u003cspan style=\"animation: bounce 2s ease-in-out infinite;\"\u003e✦\u003c\/span\u003e Showrooms in Vaughan and Toronto\u003c\/span\u003e\n    \u003cspan style=\"animation: float 3s ease-in-out infinite 0.9s; display: inline-flex; align-items: center; gap: 6px;\"\u003e\u003cspan style=\"animation: sparkle 2s ease-in-out infinite;\"\u003e✦\u003c\/span\u003e Canadian warranty support\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ===== BARISTA TRAINING LINE ===== --\u003e\n\u003cp style=\"font-size: 14px; color: #666; margin: 0 0 18px 0; animation: fadeInUp 0.8s ease-out 1.4s both; position: relative; padding-left: 20px;\"\u003e\n  \u003cspan style=\"position: absolute; left: 0; top: 2px; font-size: 12px; animation: sparkle 2s ease-in-out infinite;\"\u003e✦\u003c\/span\u003e\n  Want hands-on guidance? \u003ca href=\"https:\/\/anthonysespresso.com\/products\/barista-training-session\" style=\"color: #4a1f3f; text-decoration: underline; transition: all 0.3s ease; position: relative; display: inline-block;\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eBarista training sessions\u003c\/a\u003e are available for premium espresso machines like this one. Ask our team about pricing and booking.\n\u003c\/p\u003e\n\n\u003c!-- ===== HUMAN CLOSE ===== --\u003e\n\u003cp style=\"font-size: 15px; margin: 0; animation: fadeInUp 0.8s ease-out 1.5s both; position: relative; padding: 16px; background: linear-gradient(135deg, #faf8f9 0%, #f7f3f6 100%); border-radius: 10px; border: 1px solid #ece3e8;\"\u003e\n  \u003cspan style=\"position: relative; z-index: 1;\"\u003e\n    Ready to buy this JURA machine in Canada? Call our espresso specialists at\n    \u003ca href=\"tel:19052640433\" style=\"color: #ffffff; text-decoration: none; font-weight: 600; transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); display: inline-block; padding: 8px 16px; background: linear-gradient(135deg, #4A1F3F, #6b3059); border-radius: 25px; box-shadow: 0 4px 12px rgba(74,31,63,0.25); margin: 0 4px;\"\u003e905-264-0433\u003c\/a\u003e,\n    or visit our \u003ca href=\"https:\/\/anthonysespresso.com\/pages\/contact\" style=\"color: #4a1f3f; text-decoration: underline; transition: all 0.3s ease; position: relative; display: inline-block;\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eVaughan or Toronto showroom\u003c\/a\u003e and see it in person. No pressure, just good coffee.\n  \u003c\/span\u003e\n\u003c\/p\u003e","brand":"Jura","offers":[{"title":"Default Title","offer_id":50735309029628,"sku":null,"price":1495.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/8529\/4588\/files\/c3_ea_sa_pb_img1.jpg?v=1785418739","url":"https:\/\/anthonysespresso.com\/products\/jura-c3-naa-piano-black","provider":"Anthony's Espresso","version":"1.0","type":"link"}