/* JT Jõuluratas – stiil. Kõik on #jt-jr all, et teema stiilid ei segaks. Avatud aken on WhatsAppi nupu jm kohal (z-index). */
html.jt-jr-lock{overflow:hidden}
#jt-jr,#jt-jr *{box-sizing:border-box}
#jt-jr{font-family:"Poppins",Arial,sans-serif;line-height:1.4;--halo:rgba(255,200,95,.55)}
#jt-jr [hidden]{display:none!important}
#jt-jr .jr-dim{position:fixed;inset:0;background:rgba(4,14,10,.62);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);z-index:2147483600}
#jt-jr .jr-pop{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(810px,94vw);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.45);z-index:2147483601}
#jt-jr .jr-inner{position:relative;display:grid;grid-template-columns:minmax(260px,350px) 1fr;gap:28px;align-items:center;border-radius:20px;padding:24px 34px 24px 22px;overflow:hidden;max-height:calc(100vh - 30px)}
#jt-jr .jr-body{position:relative;z-index:2;min-width:0}
#jt-jr .jr-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6;border-radius:20px}
#jt-jr .jr-snow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
#jt-jr .jr-x{position:absolute;right:12px;top:12px;width:42px;height:42px;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.12);box-shadow:none;font:500 26px/1 "Poppins",Arial,sans-serif;text-transform:none;letter-spacing:0;cursor:pointer;z-index:7}
#jt-jr .jr-ey{font:700 12px/1.3 "Poppins",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0}
#jt-jr .jr-h{font:800 31px/1.1 "Poppins",Arial,sans-serif;margin:6px 0 8px;letter-spacing:0;text-transform:none}
#jt-jr .jr-h em{font-style:normal;white-space:nowrap}
#jt-jr .jr-p{font:400 14px/1.5 "Poppins",Arial,sans-serif;margin:0 0 12px;padding:0}
#jt-jr .jr-live{display:inline-flex;align-items:center;gap:7px;font:600 12.5px "Poppins",Arial,sans-serif;margin:0 0 10px;padding:4px 11px;border-radius:999px}
#jt-jr .jr-live i{width:8px;height:8px;border-radius:50%;background:#34c759;animation:jtjr-live 1.8s infinite}
@keyframes jtjr-live{0%{box-shadow:0 0 0 0 rgba(52,199,89,.6)}70%{box-shadow:0 0 0 8px rgba(52,199,89,0)}100%{box-shadow:0 0 0 0 rgba(52,199,89,0)}}
#jt-jr .jr-in{display:block;width:100%;height:48px;min-height:0;margin:0;border-radius:10px;border:1.5px solid #b9cbbf;padding:0 14px;font:500 16px "Poppins",Arial,sans-serif;color:#14231c;background:#fff;box-shadow:none;max-width:none}
#jt-jr .jr-in:focus{outline:none;border-color:#e9b949;box-shadow:0 0 0 3px rgba(233,185,73,.35)}
#jt-jr .jr-ok{display:flex;gap:9px;align-items:flex-start;margin:10px 0 12px;padding:0;font:400 12.5px/1.45 "Poppins",Arial,sans-serif;cursor:pointer;text-transform:none;letter-spacing:0}
#jt-jr .jr-ok input{width:18px;height:18px;min-height:0;margin:1px 0 0;padding:0;accent-color:#d32f2f;flex:0 0 auto;display:block}
#jt-jr .jr-ok a,#jt-jr .jr-fine a{color:inherit;text-decoration:underline}
#jt-jr .jr-btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;height:54px;min-height:0;margin:0;padding:0 16px;border:0;border-radius:999px;background:linear-gradient(180deg,#e53935,#c62828);color:#fff;font:800 15.5px/1 "Poppins",Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:0 8px 20px rgba(211,47,47,.45),inset 0 1px 0 rgba(255,255,255,.35)}
#jt-jr .jr-btn:hover{color:#fff;filter:brightness(1.05)}
#jt-jr .jr-btn::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:jtjr-shine 3.2s ease-in-out infinite}
@keyframes jtjr-shine{0%,55%{left:-40%}85%,100%{left:120%}}
#jt-jr .jr-btn:disabled{opacity:.75;cursor:default}
#jt-jr .jr-btn:disabled::after{animation:none}
#jt-jr .jr-x:hover{background:rgba(255,255,255,.22)}
#jt-jr.vC .jr-x{background:rgba(0,61,44,.08)}
#jt-jr .jr-no{display:block;width:100%;min-height:0;height:auto;margin:2px 0 6px;padding:8px 0;border:0;background:transparent;box-shadow:none;font:500 13.5px/1.2 "Poppins",Arial,sans-serif;text-transform:none;letter-spacing:0;text-decoration:underline;text-underline-offset:3px;color:inherit;opacity:.8;cursor:pointer}
#jt-jr .jr-no:hover{opacity:1}
#jt-jr .jr-err:empty{min-height:0;margin-top:4px}
#jt-jr .jr-err{min-height:18px;font:600 12.5px "Poppins",Arial,sans-serif;margin-top:8px}
#jt-jr .jr-fine{font:400 11.5px/1.4 "Poppins",Arial,sans-serif;margin-top:4px}
#jt-jr .jr-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
#jt-jr .jr-win{font:800 40px/1.05 "Poppins",Arial,sans-serif;margin:4px 0 6px}
#jt-jr .jr-code{display:flex;gap:8px;align-items:stretch;margin:12px 0 10px}
#jt-jr .jr-code span{flex:1;display:flex;align-items:center;justify-content:center;border:2px dashed #e9b949;border-radius:10px;background:#fff;font:600 20px "IBM Plex Mono",Menlo,Consolas,monospace;letter-spacing:.06em;color:#003d2c;min-height:48px;user-select:all}
#jt-jr .jr-copy{min-height:0;height:auto;margin:0;border:0;border-radius:10px;background:#003d2c;color:#fff;font:600 13px "Poppins",Arial,sans-serif;text-transform:none;letter-spacing:0;padding:0 14px;cursor:pointer;box-shadow:none}
#jt-jr .jr-left{font:500 13px/1.45 "Poppins",Arial,sans-serif;margin-top:10px}

/* ratas */
#jt-jr .jr-wheelbox{position:relative;min-width:0}
#jt-jr .jr-wheel{position:relative;width:100%;aspect-ratio:1/1}
#jt-jr .jr-halo{position:absolute;inset:-9%;border-radius:50%;background:radial-gradient(circle,var(--halo) 0%,transparent 66%);animation:jtjr-halo 2.6s ease-in-out infinite;z-index:0}
@keyframes jtjr-halo{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.03)}}
#jt-jr .jr-wheel svg{position:relative;z-index:1;width:100%;height:auto;display:block;overflow:visible}
#jt-jr svg .wig,#jt-jr svg .rot,#jt-jr svg .stargrp{transform-origin:200px 200px;transform-box:view-box}
#jt-jr .idle svg .wig{animation:jtjr-wig 5.5s ease-in-out infinite}
@keyframes jtjr-wig{0%,62%,100%{transform:rotate(0)}70%{transform:rotate(-9deg)}80%{transform:rotate(7deg)}88%{transform:rotate(-3deg)}94%{transform:rotate(1deg)}}
#jt-jr svg .rot{transition:transform 5.6s cubic-bezier(.1,.72,.12,1)}
#jt-jr svg .ptr{transform-origin:200px 24px;transform-box:view-box}
#jt-jr svg .ptr.tick{animation:jtjr-tick .15s ease-out}
@keyframes jtjr-tick{0%{transform:rotate(0)}35%{transform:rotate(-18deg)}100%{transform:rotate(0)}}
#jt-jr svg .stargrp{animation:jtjr-breathe 2.8s ease-in-out infinite}
@keyframes jtjr-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
#jt-jr svg .starglow{animation:jtjr-sglow 2.8s ease-in-out infinite}
@keyframes jtjr-sglow{0%,100%{opacity:.35}50%{opacity:.95}}
#jt-jr .winning svg .stargrp{animation:jtjr-starwin .5s ease-in-out 4}
@keyframes jtjr-starwin{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
#jt-jr svg .spk{transform-box:fill-box;transform-origin:center;animation:jtjr-spk 3s ease-in-out infinite;opacity:0}
@keyframes jtjr-spk{0%,58%,100%{transform:scale(0) rotate(0);opacity:0}72%{transform:scale(1) rotate(45deg);opacity:1}}
@keyframes jtjr-rays{to{transform:rotate(360deg)}}
#jt-jr svg .bulb{animation:jtjr-chase calc(var(--d)*3) steps(1,end) infinite;animation-delay:calc(var(--k)*var(--d)*-1)}
#jt-jr .chase{--d:.42s}
#jt-jr .chase.spinning{--d:.11s}
@keyframes jtjr-chase{0%{opacity:1}33.3%{opacity:.3}100%{opacity:.3}}
#jt-jr .twinkle svg .bulb{animation:jtjr-twk var(--dur) ease-in-out infinite;animation-delay:var(--del)}
#jt-jr .twinkle.spinning svg .bulb{animation:jtjr-chase .33s steps(1,end) infinite;animation-delay:calc(var(--k)*-.11s)}
@keyframes jtjr-twk{0%,100%{opacity:1}50%{opacity:.2}}
#jt-jr .multi svg .bulb{animation:jtjr-chase2 .9s steps(1,end) infinite;animation-delay:calc(var(--k2)*-.45s)}
#jt-jr .multi.spinning svg .bulb{animation-duration:.24s;animation-delay:calc(var(--k2)*-.12s)}
@keyframes jtjr-chase2{0%{opacity:1}50%{opacity:.15}100%{opacity:.15}}
#jt-jr .winning svg .bulb{animation:jtjr-chase2 .22s steps(1,end) infinite!important;animation-delay:0s!important}

/* A · Kuldne öö */
#jt-jr.vA .jr-pop{background:linear-gradient(135deg,#f7e08a,#a87b16 30%,#fff1b0 52%,#8a6512 78%,#e9c46a);padding:3px}
#jt-jr.vA .jr-inner{background:radial-gradient(120% 130% at 18% 30%,#13603f 0%,#0a3f2a 45%,#05271a 100%);color:#e9f2ec}
#jt-jr.vA .jr-inner::before{content:"";position:absolute;inset:0;background:radial-gradient(3px 3px at 62% 14%,rgba(255,226,150,.9),transparent),radial-gradient(2px 2px at 88% 30%,rgba(255,226,150,.7),transparent),radial-gradient(2px 2px at 76% 82%,rgba(255,226,150,.6),transparent),radial-gradient(3px 3px at 95% 68%,rgba(255,226,150,.8),transparent),radial-gradient(60px 60px at 92% 8%,rgba(255,210,120,.18),transparent),radial-gradient(90px 90px at 58% 98%,rgba(255,210,120,.12),transparent);pointer-events:none}
#jt-jr.vA .jr-ey{color:#f2cf6b}
#jt-jr.vA .jr-h{color:#fff}
#jt-jr.vA .jr-h em,#jt-jr.vA .jr-win{background:linear-gradient(180deg,#fff3c4,#f2cf6b 45%,#c9952a);-webkit-background-clip:text;background-clip:text;color:transparent}
#jt-jr.vA .jr-p,#jt-jr.vA .jr-ok,#jt-jr.vA .jr-left{color:#d3e4da}
#jt-jr.vA .jr-fine{color:#9fbcae}
#jt-jr.vA .jr-err{color:#ffb4ab}
#jt-jr.vA .jr-err.jr-info{color:#f6e7bf}
#jt-jr.vA .jr-live{background:rgba(255,255,255,.08);color:#f6e7bf}
#jt-jr.vA .jr-x{color:#f2cf6b}
#jt-jr.vA .jr-copy{background:#f2cf6b;color:#3a2a05}
/* B · Lumine öö */
#jt-jr.vB{--halo:rgba(150,205,255,.5)}
#jt-jr.vB .jr-pop{background:linear-gradient(135deg,#ffffff,#9aa6b1 30%,#f5f8fb 52%,#6e7a86 78%,#dfe7ee);padding:3px}
#jt-jr.vB .jr-inner{background:linear-gradient(165deg,#132c4d 0%,#0b1d36 55%,#071426 100%);color:#e6f1fb}
#jt-jr.vB .jr-ey{color:#9fd3ff}
#jt-jr.vB .jr-h{color:#fff}
#jt-jr.vB .jr-h em,#jt-jr.vB .jr-win{color:#ff6b6b}
#jt-jr.vB .jr-p,#jt-jr.vB .jr-ok,#jt-jr.vB .jr-left{color:#c9dcef}
#jt-jr.vB .jr-fine{color:#8fa9c4}
#jt-jr.vB .jr-err{color:#ffb4ab}
#jt-jr.vB .jr-err.jr-info{color:#dcecff}
#jt-jr.vB .jr-live{background:rgba(255,255,255,.08);color:#dcecff}
#jt-jr.vB .jr-x{color:#cfe6ff}
#jt-jr.vB .jr-copy{background:#9fd3ff;color:#0b1d33}
#jt-jr.vB .jr-halo{inset:-16%;background:repeating-conic-gradient(from 0deg,rgba(200,230,255,.30) 0 5deg,transparent 5deg 22.5deg);-webkit-mask:radial-gradient(circle,#000 38%,transparent 70%);mask:radial-gradient(circle,#000 38%,transparent 70%);animation:jtjr-rays 30s linear infinite}
#jt-jr.vB .jr-wheelbox::before{content:"";position:absolute;inset:-8%;border-radius:50%;background:radial-gradient(circle,rgba(150,205,255,.45) 0%,transparent 64%);animation:jtjr-halo 2.6s ease-in-out infinite}
/* C · Kommipulk */
#jt-jr.vC{--halo:rgba(255,120,120,.3)}
#jt-jr.vC .jr-pop{background:repeating-linear-gradient(-45deg,#d32f2f 0 16px,#ffffff 16px 32px);background-size:45.25px 45.25px;padding:8px;animation:jtjr-cane 1.6s linear infinite}
@keyframes jtjr-cane{to{background-position:45.25px 0}}
#jt-jr.vC .jr-inner{background:radial-gradient(120% 120% at 15% 20%,#ffffff 0%,#fcf9ec 60%,#f6efd6 100%);color:#14231c}
#jt-jr.vC .jr-ey{color:#0b6b3a}
#jt-jr.vC .jr-h{color:#003d2c}
#jt-jr.vC .jr-h em,#jt-jr.vC .jr-win{color:#d32f2f}
#jt-jr.vC .jr-p,#jt-jr.vC .jr-ok,#jt-jr.vC .jr-left{color:#33443b}
#jt-jr.vC .jr-fine{color:#62736a}
#jt-jr.vC .jr-err{color:#c62828}
#jt-jr.vC .jr-err.jr-info{color:#0b6b3a}
#jt-jr.vC .jr-live{background:#eaf3ed;color:#0b6b3a}
#jt-jr.vC .jr-x{color:#003d2c}

/* D · Black Friday */
#jt-jr.vD{--halo:rgba(242,207,107,.45)}
#jt-jr.vD .jr-pop{background:linear-gradient(135deg,#f7e08a,#8a6512 28%,#fff1b0 50%,#6b4c0c 76%,#e9c46a);padding:3px}
#jt-jr.vD .jr-inner{background:radial-gradient(120% 130% at 20% 30%,#262626 0%,#0d0d0d 55%,#000 100%);color:#eee}
#jt-jr.vD .jr-inner::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(242,207,107,.05) 0 2px,transparent 2px 14px);pointer-events:none}
#jt-jr.vD .jr-ey{color:#f2cf6b}
#jt-jr.vD .jr-h{color:#fff}
#jt-jr.vD .jr-h em,#jt-jr.vD .jr-win{background:linear-gradient(180deg,#fff3c4,#f2cf6b 45%,#c9952a);-webkit-background-clip:text;background-clip:text;color:transparent}
#jt-jr.vD .jr-p,#jt-jr.vD .jr-ok,#jt-jr.vD .jr-left{color:#cfcfcf}
#jt-jr.vD .jr-fine{color:#9a9a9a}
#jt-jr.vD .jr-err{color:#ff8a80}
#jt-jr.vD .jr-err.jr-info{color:#f6e7bf}
#jt-jr.vD .jr-live{background:rgba(255,255,255,.08);color:#f6e7bf}
#jt-jr.vD .jr-x{color:#f2cf6b}
#jt-jr.vD .jr-copy{background:#f2cf6b;color:#141414}
#jt-jr.vD .jr-ribbon{background:#000;color:#f2cf6b;border:1.5px solid #f2cf6b;box-shadow:0 0 18px rgba(242,207,107,.35)}
/* E · E-smaspäev */
#jt-jr.vE{--halo:rgba(77,225,255,.45)}
#jt-jr.vE .jr-pop{background:linear-gradient(135deg,#ff2d87,#ffffff 35%,#4de1ff 60%,#2b3bff);padding:3px}
#jt-jr.vE .jr-inner{background:linear-gradient(160deg,#20257a 0%,#2b0f5e 60%,#12164a 100%);color:#eef0ff}
#jt-jr.vE .jr-inner::before{content:"";position:absolute;inset:0;background:radial-gradient(160px 160px at 92% 8%,rgba(255,45,135,.28),transparent),radial-gradient(200px 200px at 60% 100%,rgba(77,225,255,.18),transparent);pointer-events:none}
#jt-jr.vE .jr-ey{color:#4de1ff}
#jt-jr.vE .jr-h{color:#fff}
#jt-jr.vE .jr-h em,#jt-jr.vE .jr-win{background:linear-gradient(90deg,#ff5fa8,#4de1ff);-webkit-background-clip:text;background-clip:text;color:transparent}
#jt-jr.vE .jr-p,#jt-jr.vE .jr-ok,#jt-jr.vE .jr-left{color:#d9ddff}
#jt-jr.vE .jr-fine{color:#a3a9e6}
#jt-jr.vE .jr-err{color:#ffb4d2}
#jt-jr.vE .jr-err.jr-info{color:#bff5ff}
#jt-jr.vE .jr-live{background:rgba(255,255,255,.1);color:#e6f9ff}
#jt-jr.vE .jr-x{color:#4de1ff}
#jt-jr.vE .jr-copy{background:#4de1ff;color:#12164a}
#jt-jr.vE .jr-btn{background:linear-gradient(180deg,#ff3d91,#e0136c);box-shadow:0 8px 20px rgba(255,45,135,.45),inset 0 1px 0 rgba(255,255,255,.35)}
#jt-jr.vE .jr-ribbon{background:linear-gradient(90deg,#ff2d87,#2b3bff);color:#fff}
/* kampaania silt */
#jt-jr .jr-ribbon{position:relative;z-index:2;display:inline-block;margin:0 0 10px;padding:6px 14px;border-radius:6px;font:900 13px/1 "Poppins",Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;overflow:hidden}
#jt-jr .jr-ribbon::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:jtjr-shine 3.6s ease-in-out infinite}

/* nupp ja koodi riba */
#jt-jr .jr-teaser{position:fixed;left:16px;bottom:76px;display:flex;align-items:center;gap:9px;height:48px;min-height:0;margin:0;padding:0 12px 0 6px;border:0;border-radius:999px;background:linear-gradient(180deg,#e53935,#c62828);color:#fff;font:800 13.5px/1 "Poppins",Arial,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.3);z-index:999980;animation:jtjr-tpulse 2s ease-in-out infinite}
@keyframes jtjr-tpulse{0%,100%{box-shadow:0 8px 20px rgba(0,0,0,.3),0 0 0 0 rgba(229,57,53,.55)}50%{box-shadow:0 8px 20px rgba(0,0,0,.3),0 0 0 10px rgba(229,57,53,0)}}
#jt-jr .jr-teaser .mini{width:36px;height:36px;border-radius:50%;border:3px solid #f2cf6b;background:conic-gradient(#0d5c3c 0 45deg,#fbf1d4 0 90deg,#c62828 0 135deg,#e9b949 0 180deg,#0d5c3c 0 225deg,#fbf1d4 0 270deg,#c62828 0 315deg,#e9b949 0);animation:jtjr-rays 5s linear infinite;flex:0 0 auto}
#jt-jr .jr-teaser .tt{white-space:nowrap}
#jt-jr .jr-teaser .toff{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:4px;border-radius:50%;background:rgba(0,0,0,.22);font:600 18px/1 "Poppins",Arial,sans-serif}
#jt-jr .jr-teaser.pill{background:linear-gradient(180deg,#0d5c3c,#063a26);animation:none}
#jt-jr .jr-teaser.pill .toff{display:none}

/* telefon: alumine leht */
@media (max-width:849px){
	#jt-jr .jr-pop{left:0;right:0;top:auto;bottom:0;transform:none;width:auto;max-height:none;border-radius:24px 24px 0 0;padding-bottom:0}
	#jt-jr.vC .jr-pop{padding:8px 8px 0}
	#jt-jr .jr-inner{grid-template-columns:1fr;gap:0;border-radius:22px 22px 0 0;padding:0 18px calc(16px + env(safe-area-inset-bottom,0px));overflow:visible;max-height:none}
	#jt-jr .jr-snow,#jt-jr .jr-fx{border-radius:22px 22px 0 0}
	#jt-jr .jr-wheelbox{width:236px;margin:-122px auto 2px}
	#jt-jr .jr-body{max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);overflow-y:auto;-webkit-overflow-scrolling:touch}
	#jt-jr .jr-h{font-size:24px;text-align:center;margin-top:0}
	#jt-jr .jr-ey,#jt-jr .jr-p,#jt-jr .jr-win,#jt-jr .jr-left{text-align:center}
	#jt-jr .jr-live{display:flex;justify-content:center;width:max-content;margin:0 auto 10px}
	#jt-jr .jr-p{font-size:13px;margin-bottom:8px}
	#jt-jr .jr-win{font-size:32px}
	#jt-jr .jr-x{top:8px;right:8px}
	#jt-jr .jr-ribbon{display:table;margin:0 auto 6px;font-size:12px}
}
@media (max-width:849px) and (max-height:700px){
	#jt-jr .jr-wheelbox{width:190px;margin:-100px auto 0}
	#jt-jr .jr-h{font-size:21px}
}
@media (prefers-reduced-motion:reduce){#jt-jr *,#jt-jr *::before,#jt-jr *::after{animation:none!important}#jt-jr svg .rot{transition-duration:.01s}}