.shop-product-hero{background:#f4eaf7}.shop-hero-grid{grid-template-columns:.8fr 1.3fr;min-height:500px}.shop-hero-grid h1{font-size:49px}.shop-animation-scene{position:relative;min-width:0}.shop-flood-art{display:block;width:100%;height:auto}.shop-animation-scene .kasko-motion-button{right:10px;bottom:0}.shop-speech-copy{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#77518f;font-family:inherit;font-size:20px;font-weight:750;line-height:1.3;overflow-wrap:anywhere}

.shop-cloud{animation:shop-cloud-drift 14s ease-in-out infinite}.shop-cloud-two{animation-duration:18s;animation-delay:-5s}
.shop-rain{opacity:0;animation:shop-rain-show 24s linear infinite}.shop-rain-lines{animation:shop-rain-fall .7s linear infinite}
.shop-shutter{transform-box:view-box;transform-origin:441px 239px;animation:shop-shutter-open 24s linear infinite}
.shop-man-journey{opacity:0;animation:shop-man-carry 24s linear infinite}.shop-man-body{transform-box:view-box;transform-origin:5px 58px;animation:shop-man-tilt 24s ease-in-out infinite}
.shop-man-walk{animation:shop-pose-walk 24s linear infinite}.shop-man-back{opacity:0;animation:shop-pose-back 24s linear infinite}.shop-man-alert{opacity:0;animation:shop-pose-alert 24s linear infinite}
.shop-leg,.shop-back-arm,.shop-walk-arm-left,.shop-walk-arm-right,.shop-alert-arm-left,.shop-alert-arm-right{transform-box:view-box;transform-origin:0 0}
.shop-man-walk .shop-leg-left{animation:shop-walk-leg .72s ease-in-out infinite}.shop-man-walk .shop-leg-right{animation:shop-walk-leg .72s ease-in-out infinite reverse}
.shop-walk-arm-left{animation:shop-walk-arm .72s ease-in-out infinite reverse}.shop-walk-arm-right{animation:shop-walk-arm .72s ease-in-out infinite}
.shop-back-arm-left{animation:shop-lift-left 24s ease-in-out infinite}.shop-back-arm-right{animation:shop-lift-right 24s ease-in-out infinite}
.shop-alert-arm-left{animation:shop-alert-left 1.5s ease-in-out infinite}.shop-alert-arm-right{animation:shop-alert-right 1.7s ease-in-out infinite}.shop-man-alert .shop-leg-left{animation:shop-walk-arm 1.8s ease-in-out infinite}.shop-man-alert .shop-leg-right{animation:shop-walk-arm 1.8s ease-in-out infinite reverse}
.shop-speech{opacity:0;animation:shop-speech-show 24s ease-in-out infinite}.shop-street-water{transform-origin:450px 527px;animation:shop-water-rise 24s ease-in-out infinite}.shop-indoor-water{transform-origin:450px 448px;animation:shop-indoor-rise 24s ease-in-out infinite}.shop-wave-front{animation:shop-waves 2.5s ease-in-out infinite}.shop-wave-back{animation:shop-waves 3.8s ease-in-out infinite reverse}
@keyframes shop-cloud-drift{0%,100%{transform:translateX(-15px)}50%{transform:translateX(23px)}}
@keyframes shop-rain-show{0%,34%,96%,100%{opacity:0}43%,86%{opacity:1}}
@keyframes shop-rain-fall{from{transform:translate(0,-10px)}to{transform:translate(-7px,12px)}}
@keyframes shop-shutter-open{0%,16%,100%{transform:scaleY(1)}28%{transform:scaleY(.32)}34%,94%{transform:scaleY(.055)}98%{transform:scaleY(1)}}
@keyframes shop-man-carry{0%,1%{transform:translate(350px,0);opacity:0}3%{opacity:1;transform:translate(290px,0)}12%,63%{transform:translate(0,0);opacity:1}70%{transform:translate(90px,14px);opacity:1}80%{transform:translate(250px,18px);opacity:1}84%{transform:translate(310px,15px);opacity:0}89%{transform:translate(420px,12px);opacity:0}94%{transform:translate(490px,15px);opacity:0}95%,100%{transform:translate(350px,0);opacity:0}}
@keyframes shop-man-tilt{0%,57.2%,59%,100%{transform:rotate(0)}57.6%{transform:rotate(-4deg)}58%{transform:rotate(4deg)}58.5%{transform:rotate(-2deg)}66%{transform:rotate(-9deg)}77%{transform:rotate(8deg)}88%,94%{transform:rotate(-8deg)}}
@keyframes shop-pose-walk{0%,12%{opacity:1}14%,100%{opacity:0}}@keyframes shop-pose-back{0%,12%,40%,100%{opacity:0}14%,38%{opacity:1}}@keyframes shop-pose-alert{0%,38%,95%,100%{opacity:0}40%,94%{opacity:1}}
@keyframes shop-walk-leg{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes shop-walk-arm{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
@keyframes shop-lift-left{0%,16%,38%,100%{transform:rotate(0)}28%,31%{transform:rotate(-150deg)}}@keyframes shop-lift-right{0%,16%,38%,100%{transform:rotate(0)}28%,31%{transform:rotate(150deg)}}
@keyframes shop-alert-left{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(6deg)}}@keyframes shop-alert-right{0%,100%{transform:rotate(8deg)}50%{transform:rotate(-6deg)}}
@keyframes shop-water-rise{0%,44%,100%{opacity:0;transform:scaleY(.04)}53%{opacity:1;transform:scaleY(.5)}63%,86%{opacity:1;transform:translateY(-12px) scaleY(1.1)}96%{opacity:0;transform:scaleY(.05)}}
@keyframes shop-indoor-rise{0%,46%,100%{opacity:0;transform:scaleY(.05)}56%{opacity:.9;transform:scaleY(.7)}63%,86%{opacity:1;transform:scaleY(1.5)}96%{opacity:0;transform:scaleY(.05)}}
@keyframes shop-speech-show{0%,59%,91%,100%{opacity:0}65%,85%{opacity:1}}@keyframes shop-waves{0%,100%{transform:translateX(-9px)}50%{transform:translateX(10px)}}
.experience-paused :is(.shop-product-hero,.shop-product-scene) *,.shop-product-hero.scene-out-of-view *,.shop-product-scene.scene-out-of-view *{animation-play-state:paused!important}
body[data-motion="0"] :is(.shop-product-hero,.shop-product-scene) *{animation:none!important}
body[data-motion="0"] :is(.shop-product-hero,.shop-product-scene) .shop-man-journey{opacity:1;transform:none}
body[data-motion="0"] :is(.shop-product-hero,.shop-product-scene) .shop-man-back{opacity:1}
body[data-motion="0"] :is(.shop-product-hero,.shop-product-scene) :is(.shop-man-walk,.shop-man-alert,.shop-rain,.shop-indoor-water,.shop-street-water,.shop-speech){opacity:0}
body[data-motion="0"] :is(.shop-product-hero,.shop-product-scene) .shop-shutter{transform:scaleY(.055)}
@media(prefers-reduced-motion:reduce){:is(.shop-product-hero,.shop-product-scene) *{animation:none!important}:is(.shop-product-hero,.shop-product-scene) .shop-man-journey{opacity:1;transform:none}:is(.shop-product-hero,.shop-product-scene) .shop-man-back{opacity:1}:is(.shop-product-hero,.shop-product-scene) :is(.shop-man-walk,.shop-man-alert,.shop-rain,.shop-indoor-water,.shop-street-water,.shop-speech){opacity:0}:is(.shop-product-hero,.shop-product-scene) .shop-shutter{transform:scaleY(.055)}}
body[data-theme="theme-2"] .shop-product-scene{background:#f4eaf7;display:grid;place-items:center;width:100%;height:100%;overflow:hidden}body[data-theme="theme-2"] .shop-product-scene>svg{display:block;width:100%;height:100%;max-width:none;padding:0}body[data-theme="theme-2"] .mega-art:has(.shop-product-scene){width:112px;flex:0 0 112px;background:#f4eaf7}body[data-theme="theme-2"] .mega-art>.shop-product-scene{width:112px;height:90px}body[data-theme="theme-2"] .quick-product-art:has(.shop-product-scene){width:100px}body[data-theme="theme-2"] .quick-product-art>.shop-product-scene{width:100%;height:100%}body[data-theme="theme-2"] .guide-art>.shop-product-scene{position:absolute;inset:0}
@media(max-width:1000px){.shop-hero-grid{min-height:425px}.shop-hero-grid h1{font-size:40px}}@media(max-width:800px){.shop-hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.shop-hero-grid .kasko-hero-copy{padding-bottom:12px}.shop-hero-grid .kasko-hero-copy>p{max-width:570px}.shop-animation-scene{max-width:650px;width:100%;margin:auto}}@media(max-width:560px){.shop-hero-grid h1{font-size:38px}.shop-animation-scene{width:calc(100% + 30px);max-width:none;margin:0 -15px}body[data-theme="theme-2"] .mega-art:has(.shop-product-scene){width:95px;flex-basis:95px}body[data-theme="theme-2"] .mega-art>.shop-product-scene{width:95px;height:65px}}

.shop-back-upper,.shop-back-forearm{transform-box:view-box;transform-origin:0 0}.shop-back-upper{animation:shop-upper-lift 24s linear infinite}.shop-back-forearm{animation:shop-elbow-lift 24s linear infinite}
@keyframes shop-upper-lift{0%,16%,38%,100%{transform:rotate(5.252deg)}17%{transform:rotate(-6.979deg)}18%{transform:rotate(-12.422deg)}19%{transform:rotate(-13.441deg)}20%{transform:rotate(-9.489deg)}21%{transform:rotate(0.854deg)}22%{transform:rotate(18.151deg)}23%{transform:rotate(39.540deg)}24%{transform:rotate(60.361deg)}25%{transform:rotate(78.635deg)}26%{transform:rotate(94.934deg)}27%{transform:rotate(110.668deg)}28%,31%{transform:rotate(128.161deg)}}
@keyframes shop-elbow-lift{0%,16%,38%,100%{transform:rotate(37.059deg)}17%{transform:rotate(69.379deg)}18%{transform:rotate(90.892deg)}19%{transform:rotate(107.774deg)}20%{transform:rotate(121.122deg)}21%{transform:rotate(130.573deg)}22%{transform:rotate(134.901deg)}23%{transform:rotate(133.101deg)}24%{transform:rotate(125.634deg)}25%{transform:rotate(113.820deg)}26%{transform:rotate(98.457deg)}27%{transform:rotate(79.174deg)}28%,31%{transform:rotate(53.074deg)}}
.shop-storm-flash{opacity:0;animation:shop-storm-flash 24s linear infinite}.shop-lightning-bolt{opacity:0;animation:shop-lightning-bolt 24s linear infinite}
@keyframes shop-storm-flash{0%,57.3%,60.5%,100%{opacity:0}57.9%,58.7%{opacity:.8}59.7%{opacity:.25}}
@keyframes shop-lightning-bolt{0%,56.5%,60%,100%{opacity:0}57.3%,58.5%{opacity:1}59.5%{opacity:.2}}

.shop-lightning-impact{opacity:0;animation:shop-lightning-impact 24s linear infinite;transform-origin:5px -63px}
@keyframes shop-lightning-impact{0%,57%,60%,100%{opacity:0;transform:scale(.8)}57.8%,58.4%{opacity:1;transform:scale(1.06)}59.2%{opacity:.3;transform:scale(1.2)}}