:root{--kb-navy:#0F1E3D;--kb-orange:#FF6B00;--kb-3d-depth: 30px}body{font-family:Inter,sans-serif}html{scroll-behavior:smooth}::selection{background:var(--kb-orange);color:#fff}.kb-3d-scene{perspective:1200px}.kb-3d-tilt{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;transform-style:preserve-3d;will-change:transform}.kb-3d-tilt:hover{transform:translateY(-8px) rotateX(6deg) rotateY(-6deg) scale(1.02);box-shadow:0 24px 50px #0f1e3d38}.kb-btn,.btn,.button,button{transition:transform .18s ease,box-shadow .18s ease,background .2s ease;transform-style:preserve-3d}.kb-btn:hover,.btn:hover,button:hover{transform:translateY(-3px);box-shadow:0 12px 26px #ff6b0059}.kb-btn:active,.btn:active,button:active{transform:translateY(1px) scale(.98)}@keyframes kbFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.kb-reveal{animation:kbFadeUp .7s cubic-bezier(.2,.8,.2,1) both}@keyframes kbPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.kb-pulse{animation:kbPulse 1.8s ease-in-out infinite}@keyframes kbShine{0%{left:-60%}to{left:160%}}.kb-shine{position:relative;overflow:hidden}.kb-shine:after{content:"";position:absolute;top:0;left:-60%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);animation:kbShine 3s ease-in-out infinite}.kb-hero{transform-style:preserve-3d;position:relative;overflow:hidden}.kb-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(255,107,0,.18),transparent 45%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.08),transparent 40%);transform:translateZ(-1px)}.kb-circle{transition:transform .3s ease,box-shadow .3s ease;transform-style:preserve-3d}.kb-cat:hover .kb-circle{transform:translateY(-6px) rotateY(12deg) scale(1.08);box-shadow:0 18px 36px #0f1e3d33}.kb-testi-card{transition:transform .3s ease,box-shadow .3s ease;transform-style:preserve-3d}.kb-testi-card:hover{transform:translateY(-6px) rotateX(4deg);box-shadow:0 20px 40px #0000004d}.kb-deal-card{transition:transform .4s ease;transform-style:preserve-3d;animation:kbFloat 4s ease-in-out infinite}@keyframes kbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/kb-3d.css.map */