:root{--stok-gold:#06f;--stok-gold-light:#0052cc;--stok-dark:#fff}.glass-effect{background:hsla(0,0%,8%,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.05)}.dark-glass-effect{background:rgba(0,0,0,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1)}.sr-only-no-scroll{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;opacity:0;pointer-events:none}.premium-shadow{box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.scrollbar-mobile::-webkit-scrollbar{height:4px}.scrollbar-mobile::-webkit-scrollbar-thumb{background:var(--stok-gold);border-radius:10px}.scrollbar-mobile-vertical::-webkit-scrollbar{width:6px}.scrollbar-mobile-vertical::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:10px}.step-card-active{border-color:var(--stok-gold)!important;background:rgba(197,160,89,.03)!important}.selection-grid-item{position:relative;border:1px solid hsla(0,0%,100%,.05);background-color:hsla(0,0%,9%,.5);transition:all .3s;cursor:pointer}.selection-grid-item:hover{background-color:rgba(38,38,38,.8);border-color:rgba(197,160,89,.3)}.selection-grid-item-active{border-color:var(--stok-gold)!important;background-color:rgba(197,160,89,.05)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.door-preview-layered{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,hsla(0,0%,100%,.05) 0,transparent 70%);border-radius:inherit}.door-preview-canvas{max-width:90%;max-height:90%;display:block;z-index:1;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5));transition:transform .3s ease-out}.door-preview-layered:hover .door-preview-canvas{transform:translateY(-5px)}.door-preview-layered-zoomed{position:relative;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;padding:2rem;overflow:hidden;background:rgba(0,0,0,.9)}.door-preview-layered-zoomed .door-preview-canvas{width:auto;height:90vh;max-width:90vw;display:block;-o-object-fit:contain;object-fit:contain;margin:auto;filter:drop-shadow(0 30px 60px rgba(0,0,0,.8))}.text-gold{color:var(--stok-gold)}.bg-gold{background-color:var(--stok-gold)}.border-gold{border-color:var(--stok-gold)}.studio-background{background:radial-gradient(circle at 50% 30%,#2a2a2a 0,#050505 60%);position:relative;overflow:hidden}.studio-background:before{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(180deg,transparent 0,hsla(0,0%,8%,.8));z-index:0}.studio-background:after{content:"";position:absolute;top:-20%;left:20%;right:20%;height:60%;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.03) 0,transparent 70%);transform:perspective(500px) rotateX(20deg);z-index:0;pointer-events:none}.konfigurator-wrapper *{border-radius:0!important}.konfigurator-wrapper .rounded-full{border-radius:9999px!important}.konfigurator-wrapper{--stok-gold:#06f;--stok-gold-light:#0052cc;--stok-dark:#fff}.bg-stok-dark{background-color:var(--stok-dark)!important}.bg-stok-gold{background-color:var(--stok-gold)!important}.text-stok-gold{color:var(--stok-gold)!important}.text-stok-dark{color:var(--stok-dark)!important}.border-stok-gold{border-color:var(--stok-gold)!important}.konfigurator-wrapper .dark-glass-effect,.konfigurator-wrapper header.dark-glass-effect{background:hsla(0,0%,100%,.9)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(0,0,0,.08)!important}.konfigurator-wrapper .glass-effect{background:hsla(0,0%,100%,.8)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(0,0,0,.05)!important}.konfigurator-wrapper .step-card-active{border-color:var(--stok-gold)!important;background:rgba(0,102,255,.03)!important}.konfigurator-wrapper .selection-grid-item{border:1px solid rgba(0,0,0,.08)!important;background-color:rgba(245,245,247,.6)!important;color:#18181b!important}.konfigurator-wrapper .selection-grid-item:hover{background-color:hsla(240,7%,95%,.9)!important;border-color:rgba(0,102,255,.3)!important}.konfigurator-wrapper .selection-grid-item-active{border-color:var(--stok-gold)!important;background-color:rgba(0,102,255,.05)!important;color:#18181b!important}.konfigurator-wrapper,.konfigurator-wrapper .text-white{color:#18181b!important}.konfigurator-wrapper .text-white\/90{color:#27272a!important}.konfigurator-wrapper .text-white\/80{color:#3f3f46!important}.konfigurator-wrapper .text-white\/70{color:#52525b!important}.konfigurator-wrapper .text-white\/60{color:#71717a!important}.konfigurator-wrapper .text-white\/50{color:#88888b!important}.konfigurator-wrapper .text-white\/40{color:#52525b!important}.konfigurator-wrapper .text-white\/30{color:#71717a!important}.konfigurator-wrapper .text-white\/20{color:#a1a1aa!important}.konfigurator-wrapper .text-white\/10{color:#d4d4d8!important}.konfigurator-wrapper .text-gray-400{color:#3f3f46!important}.konfigurator-wrapper .text-gray-500{color:#52525b!important}.konfigurator-wrapper .text-gray-600{color:#71717a!important}.konfigurator-wrapper .text-stok-text{color:#18181b!important}.konfigurator-wrapper .text-stok-muted{color:#52525b!important}.konfigurator-wrapper .bg-black\/40,.konfigurator-wrapper input,.konfigurator-wrapper select,.konfigurator-wrapper textarea{background-color:#f4f4f5!important;border-color:#d4d4d8!important;color:#18181b!important}.konfigurator-wrapper input::-moz-placeholder,.konfigurator-wrapper textarea::-moz-placeholder{color:#a1a1aa!important}.konfigurator-wrapper input::placeholder,.konfigurator-wrapper textarea::placeholder{color:#a1a1aa!important}.konfigurator-wrapper .border-white\/5{border-color:#e4e4e7!important}.konfigurator-wrapper .border-white\/10{border-color:#d4d4d8!important}.konfigurator-wrapper .border-white\/20{border-color:#a1a1aa!important}.konfigurator-wrapper .border-white\/30{border-color:#71717a!important}.konfigurator-wrapper .bg-white\/5{background-color:#f4f4f5!important}.konfigurator-wrapper .bg-black\/60{background-color:#27272a!important}.konfigurator-wrapper .bg-white\/10.rounded-full{background-color:#d4d4d8!important}.konfigurator-wrapper .studio-background{background:radial-gradient(circle at 50% 30%,#f3f4f6 0,#e5e7eb 60%)!important}.konfigurator-wrapper .studio-background:before{background:linear-gradient(180deg,transparent 0,hsla(240,5%,79%,.8))!important}.konfigurator-wrapper .studio-background:after{background:radial-gradient(ellipse at center,hsla(0,0%,100%,.5) 0,transparent 70%)!important}.konfigurator-wrapper .fixed.bottom-0{background-color:#fff!important;border-top-color:#e4e4e7!important}.konfigurator-wrapper .fixed.bottom-0 .text-white{color:#18181b!important}.konfigurator-wrapper .fixed.bottom-0 .text-white\/40{color:#71717a!important}.konfigurator-wrapper .bg-\[\#141414\]{background-color:#fff!important}.konfigurator-wrapper .bg-white\/\[0\.02\]{background-color:#f4f4f5!important}.konfigurator-wrapper .hover\:bg-white\/\[0\.07\]:hover{background-color:#e4e4e7!important}.konfigurator-wrapper .hover\:bg-white\/5:hover{background-color:#f4f4f5!important}.konfigurator-wrapper .door-preview-layered-zoomed{background:hsla(0,0%,100%,.95)!important}.konfigurator-wrapper .door-preview-layered-zoomed .door-preview-canvas{filter:drop-shadow(0 30px 60px rgba(0,0,0,.15))!important}.konfigurator-wrapper .bg-white\/10{background-color:#e4e4e7!important}.konfigurator-wrapper .bg-\[\#0052CC\],.konfigurator-wrapper .bg-\[\#0052CC\] *,.konfigurator-wrapper .bg-\[\#0066FF\],.konfigurator-wrapper .bg-\[\#0066FF\] *,.konfigurator-wrapper .bg-gold,.konfigurator-wrapper .bg-gold *,.konfigurator-wrapper .bg-primary,.konfigurator-wrapper .bg-primary *,.konfigurator-wrapper .bg-stok-gold,.konfigurator-wrapper .bg-stok-gold *,.konfigurator-wrapper .hover\:bg-\[\#0052CC\]:hover,.konfigurator-wrapper .hover\:bg-\[\#0052CC\]:hover *,.konfigurator-wrapper a.bg-gold,.konfigurator-wrapper a.bg-primary,.konfigurator-wrapper a.bg-stok-gold,.konfigurator-wrapper button.bg-\[\#0052CC\],.konfigurator-wrapper button.bg-\[\#0066FF\],.konfigurator-wrapper button.bg-gold,.konfigurator-wrapper button.bg-primary,.konfigurator-wrapper button.bg-stok-gold{color:#fff!important}@media (max-width:1023px){.konfigurator-wrapper .selection-grid-item{padding:.35rem!important;border-radius:.75rem!important}.konfigurator-wrapper .selection-grid-item .aspect-\[1\/2\]{aspect-ratio:auto!important;height:100px!important;padding:.25rem!important}.konfigurator-wrapper .selection-grid-item .aspect-\[4\/5\]{aspect-ratio:auto!important;height:70px!important;padding:.25rem!important}.konfigurator-wrapper .grid-cols-2 .selection-grid-item .aspect-square{aspect-ratio:auto!important;height:90px!important;padding:.25rem!important}.konfigurator-wrapper .grid-cols-4 .selection-grid-item .aspect-square{aspect-ratio:auto!important;height:55px!important;padding:.15rem!important}.konfigurator-wrapper .selection-grid-item .aspect-square{aspect-ratio:auto!important;height:70px!important;padding:.25rem!important}.konfigurator-wrapper .selection-grid-item .aspect-\[4\/3\]{aspect-ratio:auto!important;height:65px!important;padding:.25rem!important}.konfigurator-wrapper .selection-grid-item h3,.konfigurator-wrapper .selection-grid-item h4,.konfigurator-wrapper .selection-grid-item p,.konfigurator-wrapper .selection-grid-item span{font-size:8px!important;line-height:1.1!important;margin-top:.25rem!important}.konfigurator-wrapper input[type=number],.konfigurator-wrapper input[type=text]{padding-top:.6rem!important;padding-bottom:.6rem!important;font-size:16px!important;border-radius:.5rem!important}.konfigurator-wrapper .space-y-4>*{margin-top:.75rem!important;margin-bottom:.75rem!important}}.konfigurator-wrapper input[type=number]::-webkit-inner-spin-button,.konfigurator-wrapper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.konfigurator-wrapper input[type=number]{-moz-appearance:textfield!important;-webkit-appearance:textfield!important;appearance:textfield!important}.scrollbar-mobile,.scrollbar-mobile-vertical{-webkit-overflow-scrolling:touch}