.heat-level-widget{background:linear-gradient(135deg,#fff5f0,#fff);border-radius:16px;padding:20px;margin:25px 0;box-shadow:0 8px 30px #00000014;position:relative;overflow:hidden}.heat-widget-header{text-align:center;margin-bottom:15px}.heat-title{font-size:20px;font-weight:700;color:#1f2937;display:flex;align-items:center;justify-content:center;gap:8px;margin:0}.heat-icon{font-size:28px;animation:bounceHeat 2s ease-in-out infinite}.heat-name{color:#dc2626;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 10px rgba(220,38,38,.3)}.heat-visual-container{position:relative;padding:30px 15px 20px;min-height:200px}.flames-background{position:absolute;bottom:-10px;left:0;right:0;height:140px;display:flex;justify-content:center;align-items:flex-end;gap:8px;z-index:1;filter:blur(1px)}.flame{width:35px;height:70px;background:linear-gradient(to top,red,#ff4500,#ff6b00,orange,gold,#ffd7004d);border-radius:50%/60% 60% 40% 40%;animation:flameFlickerIntense 1.2s ease-in-out infinite;animation-delay:var(--flame-delay, 0s);opacity:.85;transform-origin:bottom center;box-shadow:0 0 20px #ff450099,0 0 40px #ff8c0066}.flame-1{height:55px;animation-duration:1.1s}.flame-2{height:68px;animation-duration:.9s;margin-left:-5px}.flame-3{height:85px;animation-duration:1.3s;filter:blur(.5px)}.flame-4{height:72px;animation-duration:1s;margin-left:-5px}.flame-5{height:90px;animation-duration:1.2s}.flame:before,.flame:after{content:"";position:absolute;width:20px;height:40px;background:linear-gradient(to top,#ff4500 0%,#ffa500 50%,transparent 100%);border-radius:50%;animation:flameFlickerIntense .8s ease-in-out infinite;opacity:.6}.flame:before{left:-15px;bottom:0;animation-delay:.3s}.flame:after{right:-15px;bottom:0;animation-delay:.6s}@keyframes flameFlickerIntense{0%,to{transform:scaleY(1) scaleX(1) translateY(0);opacity:.85}25%{transform:scaleY(1.2) scaleX(.9) translateY(-5px);opacity:.95}50%{transform:scaleY(.95) scaleX(1.05) translateY(2px);opacity:.8}75%{transform:scaleY(1.15) scaleX(.92) translateY(-3px);opacity:.9}}.chiles-row{display:flex;justify-content:center;align-items:flex-end;gap:15px;position:relative;z-index:2;margin-bottom:15px}.chile-container{position:relative;width:60px;height:110px;transition:transform .3s ease;animation:chileSwing 3s ease-in-out infinite;animation-delay:calc(var(--chile-index) * .2s)}.chile-container:hover{transform:scale(1.15) translateY(-8px)}.chile-container.active{animation:chilePulseStrong 1.3s ease-in-out infinite}.chile-svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25));transition:all .3s ease}.chile-container.active .chile-svg{filter:drop-shadow(0 8px 25px var(--heat-color)) drop-shadow(0 0 15px var(--heat-color))}.chile-body-main,.chile-details{transition:fill .3s ease,opacity .3s ease}.chile-container.active .chile-body-main{animation:glowStrong 1.5s ease-in-out infinite;filter:brightness(1.1)}.chile-body,.chile-tip{transition:fill .3s ease}.chile-container.active .chile-body{animation:glowStrong 1.5s ease-in-out infinite}.chile-stem{transform-origin:center;animation:stemSway 2.5s ease-in-out infinite}@keyframes stemSway{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes chileSwing{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes chilePulseStrong{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes glowStrong{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.3) saturate(1.4)}}.heat-particles{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:8px;height:8px;background:radial-gradient(circle,#ff6b00,#ff0000,transparent);border-radius:50%;animation:floatUpStrong 2s ease-in infinite;opacity:0;box-shadow:0 0 10px #ff6b00cc}.particle:nth-child(1){left:25%;animation-delay:0s;width:6px;height:6px}.particle:nth-child(2){left:50%;animation-delay:.6s;width:8px;height:8px}.particle:nth-child(3){left:75%;animation-delay:1.2s;width:7px;height:7px}@keyframes floatUpStrong{0%{transform:translateY(0) scale(1);opacity:1}50%{opacity:.8}to{transform:translateY(-70px) scale(.3);opacity:0}}.heat-scale-info{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px;padding-top:15px;border-top:1px solid #e5e7eb}.scale-label{font-size:11px;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;min-width:45px}.heat-progress-bar{flex:1;height:12px;background:linear-gradient(to right,#f3f4f6,#e5e7eb);border-radius:20px;overflow:visible;position:relative;box-shadow:inset 0 2px 4px #0000001a}.heat-progress-fill{height:100%;border-radius:20px;position:relative;transition:width 1s ease-out;box-shadow:0 2px 8px #dc262666;animation:barShimmer 2s linear infinite}@keyframes barShimmer{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.flame-indicator{position:absolute;right:-15px;top:50%;transform:translateY(-50%);width:35px;height:50px;animation:flamePulse 1.5s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(255,107,0,.6))}.flame-icon{width:100%;height:100%}@keyframes flamePulse{0%,to{transform:translateY(-50%) scale(1);filter:drop-shadow(0 4px 12px rgba(255,107,0,.6))}50%{transform:translateY(-50%) scale(1.15);filter:drop-shadow(0 6px 18px rgba(255,107,0,.9))}}.flame-icon path:first-child{animation:flameFlicker .8s ease-in-out infinite alternate}.flame-icon path:nth-child(2){animation:flameFlicker 1s ease-in-out infinite alternate-reverse}@keyframes flameFlicker{0%{opacity:.95}to{opacity:1}}.scale-dots{display:flex;gap:7px}.dot{width:10px;height:10px;border-radius:50%;background:#d1d5db;transition:all .3s ease;border:1px solid #e5e7eb}.dot.active{transform:scale(1.1);border:none;animation:dotPulseStrong 1.3s ease-in-out infinite}@keyframes dotPulseStrong{0%,to{transform:scale(1.1);opacity:1}50%{transform:scale(1.35);opacity:.9}}@keyframes bounceHeat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-5deg)}75%{transform:translateY(-4px) rotate(5deg)}}@media (max-width: 768px){.heat-level-widget{padding:18px;margin:20px 0;border-radius:14px}.heat-visual-container{padding:25px 10px 15px;min-height:180px}.chile-container{width:50px;height:95px}.chiles-row{gap:12px}.flame{width:30px}.heat-title{font-size:18px}.heat-icon{font-size:24px}}@media (max-width: 480px){.heat-level-widget{padding:15px}.chile-container{width:40px;height:85px}.chiles-row{gap:10px}.heat-visual-container{min-height:160px}.flames-background{height:110px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/heat-level-widget.css.map */