@import"[fonts.googleapis.com](https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap)";:root{--pk-primary: #020E35;--pk-primary-light: #0a1f5c;--pk-primary-lighter: #132d7a;--pk-primary-dark: #010922;--pk-accent: #4A90E2;--pk-accent-light: #6BA5E9;--pk-accent-glow: rgba(74, 144, 226, .4);--pk-secondary: #00D4AA;--pk-secondary-light: #00F5C4;--pk-secondary-glow: rgba(0, 212, 170, .3);--pk-white: #ffffff;--pk-gray-50: #f8fafc;--pk-gray-100: #f1f5f9;--pk-gray-200: #e2e8f0;--pk-gray-300: #cbd5e1;--pk-gray-400: #94a3b8;--pk-gray-500: #64748b;--pk-gray-600: #475569;--pk-gray-700: #334155;--pk-gray-800: #1e293b;--pk-gray-900: #0f172a;--pk-success: #10b981;--pk-success-light: #d1fae5;--pk-warning: #f59e0b;--pk-danger: #ef4444;--pk-glass-bg: rgba(255, 255, 255, .7);--pk-glass-border: rgba(255, 255, 255, .2);--pk-glass-shadow: 0 8px 32px rgba(2, 14, 53, .12);--pk-shadow-sm: 0 1px 2px rgba(2, 14, 53, .04), 0 1px 3px rgba(2, 14, 53, .08);--pk-shadow: 0 4px 6px -1px rgba(2, 14, 53, .08), 0 2px 4px -1px rgba(2, 14, 53, .04);--pk-shadow-md: 0 6px 16px -4px rgba(2, 14, 53, .1), 0 4px 6px -2px rgba(2, 14, 53, .05);--pk-shadow-lg: 0 10px 40px -10px rgba(2, 14, 53, .15), 0 4px 12px -2px rgba(2, 14, 53, .08);--pk-shadow-xl: 0 20px 50px -12px rgba(2, 14, 53, .2), 0 8px 24px -8px rgba(2, 14, 53, .1);--pk-shadow-glow: 0 0 40px rgba(74, 144, 226, .15);--pk-shadow-glow-strong: 0 0 60px rgba(74, 144, 226, .25);--pk-radius-sm: 8px;--pk-radius: 12px;--pk-radius-lg: 20px;--pk-radius-xl: 28px;--pk-radius-2xl: 36px;--pk-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--pk-transition: all .25s cubic-bezier(.4, 0, .2, 1);--pk-transition-slow: all .4s cubic-bezier(.4, 0, .2, 1);--pk-transition-bounce: all .5s cubic-bezier(.68, -.55, .265, 1.55)}.pk-wrapper{max-width:1500px;margin:0 auto;padding:3rem 2rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--pk-gray-800);line-height:1.6;background:linear-gradient(135deg,var(--pk-gray-50) 0%,var(--pk-white) 50%,var(--pk-gray-100) 100%);min-height:100vh;position:relative}.pk-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:400px;background:linear-gradient(135deg,var(--pk-primary) 0%,var(--pk-primary-light) 100%);opacity:.03;pointer-events:none}.pk-wrapper *{box-sizing:border-box}.pk-progress{margin-bottom:3rem;position:relative;z-index:10}.pk-progress-bar{height:6px;background:linear-gradient(90deg,var(--pk-gray-200),var(--pk-gray-100));border-radius:3px;overflow:hidden;margin-bottom:1.5rem;box-shadow:inset 0 1px 2px #0000000f}.pk-progress-fill{height:100%;width:16.666%;background:linear-gradient(90deg,var(--pk-primary),var(--pk-accent),var(--pk-secondary));background-size:200% 100%;border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1);animation:shimmer 2s ease-in-out infinite;box-shadow:0 0 20px var(--pk-accent-glow)}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.pk-steps{display:flex;justify-content:space-between;gap:.5rem;background:var(--pk-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--pk-radius-xl);padding:.75rem;box-shadow:var(--pk-shadow-md);border:1px solid var(--pk-glass-border)}.pk-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:transparent;border:none;border-radius:var(--pk-radius-lg);cursor:pointer;opacity:.5;transition:var(--pk-transition);position:relative}.pk-step:hover{opacity:.8;background:#4a90e20d}.pk-step.active,.pk-step.completed{opacity:1}.pk-step.active{background:linear-gradient(135deg,#4a90e21a,#00d4aa0d)}.pk-step .step-number{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--pk-gray-100);border-radius:50%;font-weight:700;font-size:1rem;color:var(--pk-gray-500);transition:var(--pk-transition);position:relative;box-shadow:var(--pk-shadow-sm)}.pk-step.active .step-number{background:linear-gradient(135deg,var(--pk-primary),var(--pk-primary-light));color:#fff;box-shadow:0 4px 20px #020e354d,var(--pk-shadow-glow);transform:scale(1.1)}.pk-step.completed .step-number{background:linear-gradient(135deg,var(--pk-secondary),#00c49a);color:#fff;box-shadow:0 4px 20px #00d4aa4d}.pk-step.completed .step-number:after{content:"\2713";position:absolute;font-size:1.1rem}.pk-step.completed .step-number span{display:none}.pk-step .step-label{font-size:.8rem;font-weight:600;color:var(--pk-gray-500);text-align:center;letter-spacing:.01em}.pk-step.active .step-label{color:var(--pk-primary);font-weight:700}.pk-step.completed .step-label{color:var(--pk-secondary)}@media(max-width:768px){.pk-steps{padding:.5rem}.pk-step{padding:.75rem .5rem}.pk-step .step-label{display:none}.pk-step .step-number{width:36px;height:36px;font-size:.875rem}}.pk-main{display:grid;grid-template-columns:380px 1fr;gap:2.5rem;align-items:start;position:relative;z-index:5}@media(max-width:1100px){.pk-main{grid-template-columns:1fr}.pk-preview-sidebar{position:fixed;bottom:100px;right:1.5rem;width:140px;z-index:1000}.pk-preview-container{padding:1rem!important;border-radius:var(--pk-radius-lg)!important}.pk-preview-3d{width:100px!important;height:100px!important}.pk-mini-summary,.pk-delivery-banner,.pk-preview-badge,.pk-preview-info{display:none!important}}.pk-preview-sidebar{position:sticky;top:2rem;display:flex;flex-direction:column;gap:1.25rem}.pk-preview-container{background:var(--pk-white);border-radius:var(--pk-radius-2xl);padding:2rem;box-shadow:var(--pk-shadow-xl),var(--pk-shadow-glow);border:1px solid rgba(74,144,226,.1);position:relative;overflow:hidden}.pk-preview-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--pk-primary),var(--pk-accent),var(--pk-secondary))}.pk-preview-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--pk-primary),var(--pk-primary-light));color:#fff;font-size:.7rem;font-weight:700;padding:.4rem 1rem;border-radius:30px;margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 15px #020e3533}.pk-preview-badge:before{content:"";width:8px;height:8px;background:var(--pk-secondary);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.pk-preview-3d{position:relative;width:240px;height:240px;margin:0 auto 1.5rem;perspective:1000px}.pk-shadow{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:160px;height:30px;background:radial-gradient(ellipse,rgba(2,14,53,.15) 0%,transparent 70%);border-radius:50%;filter:blur(8px);animation:shadow-pulse 3s ease-in-out infinite}@keyframes shadow-pulse{0%,to{transform:translate(-50%) scale(1);opacity:.6}50%{transform:translate(-50%) scale(1.1);opacity:.4}}.pk-deckel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(15deg);width:180px;height:180px;transform-style:preserve-3d;transition:var(--pk-transition-slow);animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%,-50%) rotateX(15deg) translateY(0)}50%{transform:translate(-50%,-50%) rotateX(15deg) translateY(-8px)}}.pk-deckel:hover{transform:translate(-50%,-50%) rotateX(25deg) rotate(5deg)}.pk-deckel-top{position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(145deg,#fff,#f0f0f0);box-shadow:0 -4px 20px #fffc,0 10px 40px #020e3526,inset 0 4px 30px #ffffffe6,inset 0 -4px 20px #0000000d;transition:var(--pk-transition)}.pk-deckel-rim{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border:4px solid rgba(0,0,0,.08);pointer-events:none;box-shadow:inset 0 0 0 2px #ffffff80}.pk-deckel-surface{position:absolute;top:12%;left:12%;right:12%;bottom:12%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.pk-opening{position:absolute;top:5%;left:50%;transform:translate(-50%);width:45px;height:22px;background:linear-gradient(to bottom,#00000014,#0000000a);border-radius:50%;border:2px solid rgba(0,0,0,.1);box-shadow:inset 0 2px 4px #0000001a}.pk-logo-preview{max-width:85%;max-height:55%;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.pk-logo-preview img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}.pk-text-preview{display:flex;flex-direction:column;align-items:center;gap:3px;padding:0 15px}.pk-main-text{font-size:15px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-shadow:0 1px 2px rgba(255,255,255,.8)}.pk-sub-text{font-size:10px;font-weight:500;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pk-deckel-side{position:absolute;bottom:-10px;left:8%;right:8%;height:14px;background:linear-gradient(to bottom,#0000001f,#0003);border-radius:0 0 50% 50%/0 0 100% 100%;transform:rotateX(-90deg);transform-origin:top center}.pk-preview-info{text-align:center;padding-top:1.25rem;border-top:1px solid var(--pk-gray-100)}.pk-preview-info span{display:block}#preview-product-name{font-weight:700;font-size:1rem;color:var(--pk-primary);margin-bottom:.25rem}#preview-variant-name{font-size:.875rem;color:var(--pk-gray-500);font-weight:500}.pk-mini-summary{background:var(--pk-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--pk-radius-lg);padding:1.25rem;border:1px solid var(--pk-glass-border);box-shadow:var(--pk-shadow-md)}.pk-summary-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem;border-bottom:1px solid rgba(0,0,0,.04)}.pk-summary-row:last-child{border-bottom:none}.pk-summary-row span:first-child{color:var(--pk-gray-500);font-weight:500}.pk-summary-row span:last-child{font-weight:600;color:var(--pk-gray-800)}.pk-summary-total{border-top:2px solid var(--pk-primary);margin-top:.75rem;padding-top:1rem;border-bottom:none!important}.pk-summary-total span:last-child{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,var(--pk-primary),var(--pk-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pk-delivery-banner{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#00d4aa1a,#10b9810d);border:1px solid rgba(0,212,170,.2);border-radius:var(--pk-radius-lg);padding:1.25rem;position:relative;overflow:hidden}.pk-delivery-banner:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,var(--pk-secondary),var(--pk-success))}.pk-delivery-banner .pk-delivery-icon{font-size:1.75rem;animation:truck-move 2s ease-in-out infinite}@keyframes truck-move{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.pk-delivery-banner .pk-delivery-text{display:flex;flex-direction:column}.pk-delivery-banner .pk-delivery-text strong{font-size:.9rem;font-weight:700;color:var(--pk-gray-800);margin-bottom:.125rem}.pk-delivery-banner .pk-delivery-text span{font-size:.8rem;color:var(--pk-success);font-weight:600}.pk-content{min-height:600px;background:var(--pk-white);border-radius:var(--pk-radius-2xl);padding:2.5rem;box-shadow:var(--pk-shadow-xl);border:1px solid rgba(0,0,0,.04);position:relative;overflow:hidden}.pk-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--pk-accent),transparent);opacity:.3}.pk-panel{display:none;animation:panelFadeIn .5s cubic-bezier(.4,0,.2,1)}.pk-panel.active{display:block}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pk-panel-header{margin-bottom:2.5rem;position:relative}.pk-panel-header:after{content:"";position:absolute;bottom:-1rem;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--pk-primary),var(--pk-accent));border-radius:2px}.pk-panel-header h2{font-size:2rem;font-weight:800;color:var(--pk-primary);margin:0 0 .5rem;letter-spacing:-.02em}.pk-panel-header p{color:var(--pk-gray-500);margin:0;font-size:1.05rem;font-weight:500}.pk-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.pk-product-card{position:relative;background:var(--pk-white);border:2px solid var(--pk-gray-200);border-radius:var(--pk-radius-xl);padding:1.75rem;cursor:pointer;transition:var(--pk-transition);overflow:hidden}.pk-product-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--pk-primary),var(--pk-accent));opacity:0;transition:var(--pk-transition);z-index:0}.pk-product-card>*{position:relative;z-index:1}.pk-product-card:hover{border-color:var(--pk-accent);transform:translateY(-4px);box-shadow:var(--pk-shadow-xl),var(--pk-shadow-glow)}.pk-product-card.active{border-color:var(--pk-primary);background:linear-gradient(135deg,#020e3505,#4a90e20d);box-shadow:var(--pk-shadow-xl),0 0 0 4px #4a90e21a}.pk-product-card.active:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--pk-primary),var(--pk-accent));z-index:2}.pk-product-badge{position:absolute;top:1.25rem;right:1.25rem;padding:.35rem .875rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:30px;box-shadow:var(--pk-shadow-sm);z-index:3}.pk-product-badge.bestseller{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#7c2d12}.pk-product-badge.premium{background:linear-gradient(135deg,var(--pk-primary),var(--pk-primary-light));color:#fff}.pk-product-badge.eco{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.pk-product-badge.kids{background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff}.pk-product-image{display:flex;justify-content:center;padding:1.5rem 0;transition:var(--pk-transition)}.pk-product-card:hover .pk-product-image{transform:scale(1.05)}.pk-product-svg{width:110px;height:110px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.pk-product-info h3{font-size:1.2rem;font-weight:700;margin:0 0 .375rem;color:var(--pk-gray-900)}.pk-product-type{display:inline-block;font-size:.7rem;font-weight:700;padding:.25rem .75rem;background:linear-gradient(135deg,#4a90e21a,#4a90e20d);color:var(--pk-accent);border-radius:20px;margin-bottom:.625rem;text-transform:uppercase;letter-spacing:.05em}.pk-product-type.pk-type-einweg{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);color:#b45309}.pk-product-desc{font-size:.9rem;color:var(--pk-gray-500);margin:0 0 1rem;line-height:1.5}.pk-product-features{list-style:none;padding:0;margin:0;font-size:.825rem}.pk-product-features li{color:var(--pk-gray-600);padding:.25rem 0;display:flex;align-items:center;gap:.5rem}.pk-product-features li:before{content:"\2713";color:var(--pk-secondary);font-weight:700}.pk-product-select{position:absolute;bottom:1.25rem;right:1.25rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--pk-gray-100);border-radius:50%;transition:var(--pk-transition-bounce);z-index:3}.pk-select-check{display:none;color:#fff;font-weight:700;font-size:1.1rem}.pk-product-card.active .pk-product-select{background:linear-gradient(135deg,var(--pk-primary),var(--pk-accent));transform:scale(1.1);box-shadow:0 4px 15px #020e354d}.pk-product-card.active .pk-select-check{display:block}.pk-product-card.active .pk-select-text,.pk-variant-section.hidden{display:none}.pk-size-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.pk-size-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:var(--pk-white);border:2px solid var(--pk-gray-200);border-radius:var(--pk-radius-lg);cursor:pointer;transition:var(--pk-transition);position:relative;overflow:hidden}.pk-size-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--pk-primary),var(--pk-accent));opacity:0;transition:var(--pk-transition)}.pk-size-card:hover{border-color:var(--pk-accent);transform:translate(4px);box-shadow:var(--pk-shadow-md)}.pk-size-card:hover:before{opacity:1}.pk-size-card.active{border-color:var(--pk-primary);background:linear-gradient(135deg,#020e3505,#4a90e20d);box-shadow:var(--pk-shadow-lg)}.pk-size-card.active:before{opacity:1}.pk-size-icon{width:65px;height:65px;flex-shrink:0;color:var(--pk-gray-400);transition:var(--pk-transition)}.pk-size-card.active .pk-size-icon{color:var(--pk-primary);transform:scale(1.1)}.pk-size-info h4{margin:0 0 .375rem;font-size:1.1rem;font-weight:700;color:var(--pk-gray-800)}.pk-size-info p{margin:0;font-size:.875rem;color:var(--pk-gray-500)}.pk-size-hint{display:inline-block;font-size:.75rem;font-weight:600;color:var(--pk-accent);margin-top:.375rem;padding:.2rem .6rem;background:#4a90e21a;border-radius:12px}.pk-size-check{margin-left:auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--pk-gray-100);border-radius:50%;color:transparent;font-size:.9rem;font-weight:700;transition:var(--pk-transition-bounce)}.pk-size-card.active .pk-size-check{background:linear-gradient(135deg,var(--pk-primary),var(--pk-accent));color:#fff;transform:scale(1.15);box-shadow:0 4px 12px #020e3540}.pk-info-box{display:flex;align-items:flex-start;gap:1.25rem;margin-top:2.5rem;padding:1.5rem;background:linear-gradient(135deg,#4a90e20d,#00d4aa08);border:1px solid rgba(74,144,226,.15);border-radius:var(--pk-radius-lg);position:relative;overflow:hidden}.pk-info-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pk-primary),var(--pk-accent),var(--pk-secondary))}.pk-info-icon{font-size:1.5rem;filter:grayscale(0)}.pk-info-content strong{display:block;margin-bottom:.375rem;color:var(--pk-primary);font-size:1rem;font-weight:700}.pk-info-content p{margin:0;font-size:.9rem;color:var(--pk-gray-600);line-height:1.6}.pk-design-section{margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--pk-gray-100)}.pk-design-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.pk-design-section h3{font-size:1.1rem;font-weight:700;color:var(--pk-primary);margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem}.pk-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:1rem}.pk-color-option{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:1rem .75rem;background:var(--pk-white);border:2px solid var(--pk-gray-200);border-radius:var(--pk-radius);cursor:pointer;transition:var(--pk-transition);position:relative}.pk-color-option:hover{border-color:var(--pk-gray-300);transform:translateY(-2px);box-shadow:var(--pk-shadow-md)}.pk-color-option.active{border-color:var(--pk-primary);background:linear-gradient(135deg,#020e3508,#4a90e20d);box-shadow:0 0 0 4px #4a90e21a}.pk-color-option.active:after{content:"\2713";position:absolute;top:.5rem;right:.5rem;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--pk-primary);color:#fff;font-size:.65rem;font-weight:700;border-radius:50%}.pk-color-swatch{width:48px;height:48px;border-radius:50%;box-shadow:inset 0 2px 4px #0000001a,0 4px 8px #0000001a;transition:var(--pk-transition)}.pk-color-option:hover .pk-color-swatch{transform:scale(1.1)}.pk-color-swatch.pk-metallic{box-shadow:inset 0 2px 4px #0000001a,0 4px 12px #00000026,0 0 20px #ffd70033}.pk-color-name{font-size:.75rem;font-weight:600;color:var(--pk-gray-600)}.pk-form-group{margin-bottom:1.25rem}.pk-form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--pk-gray-700);margin-bottom:.625rem}.pk-optional{font-weight:500;color:var(--pk-gray-400);font-size:.85em}.pk-form-group input[type=text],.pk-form-group input[type=number],.pk-form-group select{width:100%;padding:.9rem 1.25rem;font-size:1rem;font-family:inherit;font-weight:500;border:2px solid var(--pk-gray-200);border-radius:var(--pk-radius);transition:var(--pk-transition);background:var(--pk-white);color:var(--pk-gray-800)}.pk-form-group input:focus,.pk-form-group select:focus{outline:none;border-color:var(--pk-primary);box-shadow:0 0 0 4px #020e3514,var(--pk-shadow-md)}.pk-form-group input::placeholder{color:var(--pk-gray-400);font-weight:400}.pk-char-counter{text-align:right;font-size:.75rem;font-weight:600;color:var(--pk-gray-400);margin-top:.375rem}.pk-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.pk-half{margin-bottom:0}@media(max-width:600px){.pk-form-row{grid-template-columns:1fr}}.pk-text-colors{display:flex;gap:.75rem;flex-wrap:wrap}.pk-text-color{width:42px;height:42px;border-radius:50%;border:3px solid var(--pk-gray-200);cursor:pointer;transition:var(--pk-transition-bounce);position:relative}.pk-text-color:hover{transform:scale(1.15);box-shadow:var(--pk-shadow-md)}.pk-text-color.active{border-color:var(--pk-primary);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--pk-primary);transform:scale(1.1)}.pk-text-color[data-color="#ffffff"]{border-color:var(--pk-gray-300);box-shadow:inset 0 0 0 1px var(--pk-gray-200)}.pk-upload-area{position:relative;border:2px dashed var(--pk-gray-300);border-radius:var(--pk-radius-lg);padding:2.5rem 2rem;text-align:center;cursor:pointer;transition:var(--pk-transition);background:linear-gradient(135deg,var(--pk-gray-50),var(--pk-white))}.pk-upload-area:hover{border-color:var(--pk-primary);background:linear-gradient(135deg,#4a90e20d,#00d4aa05);transform:translateY(-2px);box-shadow:var(--pk-shadow-md)}.pk-upload-area.drag-over{border-color:var(--pk-primary);background:linear-gradient(135deg,#4a90e21a,#00d4aa0d);box-shadow:var(--pk-shadow-lg),var(--pk-shadow-glow)}.pk-upload-icon{color:var(--pk-gray-400);margin-bottom:1rem;transition:var(--pk-transition)}.pk-upload-area:hover .pk-upload-icon{color:var(--pk-primary);transform:translateY(-4px)}.pk-upload-text{font-size:1rem;font-weight:500;color:var(--pk-gray-600);margin:0 0 .5rem}.pk-upload-link{color:var(--pk-primary);font-weight:700;text-decoration:underline;text-underline-offset:2px}.pk-upload-hint{font-size:.8rem;color:var(--pk-gray-400);margin:0}.pk-upload-preview{position:relative;display:inline-block}.pk-upload-preview.hidden{display:none}.pk-upload-preview img{max-width:160px;max-height:160px;border-radius:var(--pk-radius);border:3px solid var(--pk-gray-200);box-shadow:var(--pk-shadow-md)}.pk-remove-logo{position:absolute;top:-12px;right:-12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:3px solid white;border-radius:50%;cursor:pointer;transition:var(--pk-transition-bounce);box-shadow:var(--pk-shadow-md)}.pk-remove-logo:hover{transform:scale(1.15) rotate(90deg);box-shadow:var(--pk-shadow-lg)}.pk-upload-content.hidden{display:none}.pk-logo-settings{margin-top:1.75rem;padding:1.5rem;background:var(--pk-gray-50);border-radius:var(--pk-radius-lg);border:1px solid var(--pk-gray-200)}.pk-logo-settings.hidden{display:none}.pk-range{width:100%;height:8px;-webkit-appearance:none;background:linear-gradient(90deg,var(--pk-gray-200),var(--pk-gray-300));border-radius:4px;outline:none}.pk-range::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:linear-gradient(135deg,var(--pk-primary),var(--pk-accent));border-radius:50%;cursor:pointer;transition:var(--pk-transition);box-shadow:0 2px 8px #020e354d}.pk-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #020e3566}.pk-range-labels{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;color:var(--pk-gray-400);margin-top:.5rem}.pk-position-buttons{display:flex;gap:.75rem}.pk-position-btn{flex:1;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;font-family:inherit;background:var(--pk-white);border:2px solid var(--pk-gray-200);border-radius:var(--pk-radius);cursor:pointer;transition:var(--pk-transition)}.pk-position-btn:hover{border-color:var(--pk-gray-300);background:var(--pk-gray-50)}.pk-position-btn.active{background:linear-gradient(135deg,var(--pk-primary),var(--pk-primary-light));border-color:var(--pk-primary);color:#fff;box-shadow:0 4px 15px #020e3540}.pk-packaging-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.pk-packaging-card{position:relative;background:var(--pk-white);border:2px solid var(--pk-gray-200);border-radius:var(--pk-radius-xl);padding:1.75rem;cursor:pointer;transition:var(--pk-transition);overflow:hidden}.pk-packaging-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--pk-primary),var(--pk-accent));opacity:0;transition:var(--pk-transition)}.pk-packaging-card:hover{border-color:var(--pk-accent);transform:translateY(-4px);box-shadow:var(--pk-shadow-xl)}.pk-packaging-card:hover:before{opacity:1}.pk-packaging-card.active{border-color:var(--pk-primary);background:linear-gradient(135deg,#020e3505,#4a90e20d);box-shadow:var(--pk-shadow-xl),0 0 0 4px #4a90e21a}.pk-packaging-card.active:before{opacity:1}.pk-packaging-badge{position:absolute;top:-10px;right:1.25rem;padding:.35rem 1rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,var(--pk-primary),var(--pk-primary-light));color:#fff;border-radius:20px;box-shadow:var(--pk-shadow-md)}.pk-packaging-badge.holo{background:linear-gradient(135deg,#a855f7,#ec4899,#f59e0b);animation:holo-shift 3s ease-in-out infinite}@keyframes holo-shift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}}.pk-packaging-visual{display:flex;justify-content:center;padding:1.25rem 0}.pk-packaging-icon{width:90px;height:90px;transition:var(--pk-transition)}.pk-packaging-card:hover .pk-packaging-icon{transform:scale(1.1) rotate(2deg)}.pk-packaging-info h4{margin:0 0 .375rem;font-size:1.1rem;font-weight:700;color:var(--pk-gray-800)}.pk-packaging-feature{font-size:.8rem;color:var(--pk-accent);font-weight:600;margin-bottom:1rem}.pk-packaging-details{list-style:none;padding:0;margin:0;font-size:.825rem}.pk-packaging-details li{color:var(--pk-gray-600);padding:.3rem 0;display:flex;align-items:center;gap:.5rem}.pk-packaging-details li:before{content:"\2713";color:var(--pk-secondary);font-weight:700}.pk-packaging-check{position:absolute;bottom:1.25rem;right:1.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--pk-gray-100);border-radius:50%;color:transparent;font-weight:700;transition:var(--pk-transition-bounce)}.pk-packaging-card.active .pk-packaging-check{background:linear-gradient(135deg,var(--pk-primary),var(--pk-accent));color:#fff;transform:scale(1.1);box-shadow:0 4px 15px #020e3540}.pk-packaging-info-box{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f59e0b14,#fbbf240a);border:1px solid rgba(245,158,11,.2);border-radius:var(--pk-radius-lg)}.pk-packaging-info-box .pk-info-icon{font-size:1.75rem}.pk-packaging-info-box .pk-info-text{font-size:.9rem;color:var(--pk-gray-700);line-height:1.5}.pk-quantity-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:2.5rem}@media(max-width:768px){.pk-quantity-presets{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.pk-quantity-presets{grid-template-columns:repeat(2,1fr)}}.pk-preset{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;background:var(--pk-white);border:2px solid var(--pk-gray-200);border-radius:var(--pk-radius-lg);cursor:pointer;transition:var(--pk-transition);position:relative;overflow:hidden}.pk-preset:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pk-primary),var(--pk-accent));opacity:0;transition:var(--pk-transition)}.pk-preset:hover{border-color:var(--pk-accent);transform:translateY(-3px);box-shadow:var(--pk-shadow-md)}.pk-preset:hover:before{opacity:1}.pk-preset.active{border-color:var(--pk-primary);background:linear-gradient(135deg,#020e3508,#4a90e20f);box-shadow:var(--pk-shadow-lg),0 0 0 4px #4a90e214}.pk-preset.active:before{opacity:1}.pk-preset-qty{font-size:1.5rem;font-weight:800;color:var(--pk-gray-700);transition:var(--pk-transition)}.pk-preset.active .pk-preset-qty{background:linear-gradient(135deg,var(--pk-primary),var(--pk-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pk-preset-label{font-size:.75rem;font-weight:600;color:var(--pk-gray-400);text-transform:uppercase;letter-spacing:.05em}.pk-custom-quantity{margin-bottom:2.5rem}.pk-custom-quantity label{display:block;font-size:.95rem;font-weight:600;color:var(--pk-gray-700);margin-bottom:1rem}.pk-qty-input-group{display:flex;align-items:center;width:fit-content;background:var(--pk-white);border-radius:var(--pk-radius-lg);box-shadow:var(--pk-shadow-md);overflow:hidden;border:2px solid var(--pk-gray-200)}.pk-qty-btn{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--pk-gray-50);border:none;cursor:pointer;transition:var(--pk-transition);color:var(--pk-gray-600)}.pk-qty-btn:hover{background:var(--pk-primary);color:#fff}.pk-qty-btn:active{transform:scale(.95)}.pk-custom-quantity input{width:140px;height:52px;text-align:center;font-size:1.25rem;font-weight:700;font-family:inherit;border:none;border-left:1px solid var(--pk-gray-200);border-right:1px solid var(--pk-gray-200);color:var(--pk-primary)}.pk-custom-quantity input:focus{outline:none;background:#4a90e20d}.pk-qty-hint{display:block;margin-top:.75rem;font-size:.8rem;font-weight:500;color:var(--pk-gray-400)}.pk-pricing-table{margin-bottom:2.5rem}.pk-pricing-table h3{font-size:1.1rem;font-weight:700;margin:0 0 .5rem;color:var(--pk-primary)}.pk-pricing-note{font-size:.85rem;color:var(--pk-gray-500);margin:0 0 1.25rem}.pk-table-wrapper{overflow-x:auto;border-radius:var(--pk-radius-lg);box-shadow:var(--pk-shadow-md);border:1px solid var(--pk-gray-200)}.pk-pricing-table table{width:100%;border-collapse:collapse}.pk-pricing-table th,.pk-pricing-table td{padding:1rem 1.25rem;text-align:left}.pk-pricing-table th{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--pk-gray-500);background:var(--pk-gray-50);border-bottom:2px solid var(--pk-gray-200)}.pk-pricing-table td{border-bottom:1px solid var(--pk-gray-100);font-weight:500}.pk-pricing-table tr:last-child td{border-bottom:none}.pk-pricing-table tr{transition:var(--pk-transition)}.pk-pricing-table tr:hover{background:#4a90e208}.pk-pricing-table tr.active{background:linear-gradient(90deg,#020e350a,#4a90e214)}.pk-pricing-table tr.active td{color:var(--pk-primary);font-weight:700}.pk-tier-price{font-weight:700;color:var(--pk-gray-800)}.pk-price-summary{background:linear-gradient(135deg,var(--pk-gray-50),var(--pk-white));border-radius:var(--pk-radius-xl);padding:2rem;border:1px solid var(--pk-gray-200);box-shadow:var(--pk-shadow-lg);position:relative;overflow:hidden}.pk-price-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--pk-primary),var(--pk-accent),var(--pk-secondary))}.pk-price-row{display:flex;justify-content:space-between;padding:.625rem 0;font-size:1rem}.pk-price-row span:first-child{color:var(--pk-gray-500);font-weight:500}.pk-price-row span:last-child{font-weight:600;color:var(--pk-gray-800)}.pk-price-total{border-top:2px solid var(--pk-gray-200);margin-top:.75rem;padding-top:1.25rem}.pk-price-total span:last-child{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--pk-primary),var(--pk-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pk-final-layout{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}@media(max-width:900px){.pk-final-layout{grid-template-columns:1fr}}.pk-final-preview{display:flex;flex-direction:column;align-items:center}.pk-final-deckel-container{position:relative;width:320px;height:320px;margin-bottom:2rem;perspective:1000px}.pk-final-deckel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;border-radius:50%;background:linear-gradient(145deg,#fff,#f0f0f0);box-shadow:0 25px 60px #020e3526,0 0 0 6px #0000000a,inset 0 6px 30px #fffffff2,inset 0 -6px 25px #0000000d;transition:var(--pk-transition-slow);animation:final-float 5s ease-in-out infinite}@keyframes final-float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-12px)}}.pk-final-deckel.angled{transform:translate(-50%,-50%) rotateX(35deg) rotate(-10deg);animation:none}.pk-final-surface{position:absolute;top:12%;left:12%;right:12%;bottom:12%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.pk-final-opening{position:absolute;top:4%;left:50%;transform:translate(-50%);width:55px;height:28px;background:linear-gradient(to bottom,#0000000f,#00000008);border-radius:50%;border:2px solid rgba(0,0,0,.08);box-shadow:inset 0 3px 6px #00000014}.pk-final-logo img{max-width:110px;max-height:70px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.12))}.pk-final-text{display:flex;flex-direction:column;align-items:center;gap:5px}.pk-final-main-text{font-size:20px;font-weight:700;text-shadow:0 1px 3px rgba(255,255,255,.9)}.pk-final-sub-text{font-size:13px;font-weight:500}.pk-final-shadow{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:200px;height:40px;background:radial-gradient(ellipse,rgba(2,14,53,.12) 0%,transparent 70%);border-radius:50%;filter:blur(10px)}.pk-view-toggle{display:flex;gap:.75rem;background:var(--pk-gray-100);padding:.5rem;border-radius:var(--pk-radius-lg)}.pk-view-btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;font-family:inherit;background:transparent;border:none;border-radius:var(--pk-radius);cursor:pointer;transition:var(--pk-transition);color:var(--pk-gray-600)}.pk-view-btn:hover{background:#ffffffb3;color:var(--pk-gray-800)}.pk-view-btn.active{background:linear-gradient(135deg,var(--pk-primary),var(--pk-primary-light));color:#fff;box-shadow:var(--pk-shadow-md)}.pk-final-summary{background:var(--pk-white);border:1px solid var(--pk-gray-200);border-radius:var(--pk-radius-xl);overflow:hidden;box-shadow:var(--pk-shadow-lg)}.pk-summary-section{padding:1.5rem 1.75rem;border-bottom:1px solid var(--pk-gray-100)}.pk-summary-section:last-child{border-bottom:none}.pk-summary-section h4{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--pk-gray-400);margin:0 0 1rem}.pk-summary-item{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.925rem}.pk-summary-label{color:var(--pk-gray-500);font-weight:500}.pk-summary-value{font-weight:600;color:var(--pk-gray-800)}.pk-summary-pricing{background:linear-gradient(135deg,#020e3505,#4a90e20a)}.pk-summary-total{border-top:2px solid var(--pk-primary);margin-top:.75rem;padding-top:1rem}.pk-summary-total .pk-summary-value{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--pk-primary),var(--pk-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pk-delivery-notice{display:flex;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;background:linear-gradient(135deg,#00d4aa14,#10b9810a);border-top:1px solid rgba(0,212,170,.15)}.pk-delivery-notice .pk-delivery-icon{font-size:2.25rem;animation:truck-move 2.5s ease-in-out infinite}.pk-delivery-notice .pk-delivery-content strong{display:block;font-size:.95rem;color:var(--pk-gray-800);margin-bottom:.25rem}.pk-delivery-notice .pk-delivery-content p{margin:0;font-size:.9rem;color:var(--pk-success);font-weight:600}.pk-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid var(--pk-gray-200);gap:1rem}.pk-nav-btn{display:flex;align-items:center;gap:.625rem;padding:1rem 2rem;font-size:1rem;font-weight:700;font-family:inherit;border:none;border-radius:var(--pk-radius-lg);cursor:pointer;transition:var(--pk-transition)}.pk-nav-prev{background:var(--pk-gray-100);color:var(--pk-gray-700)}.pk-nav-prev:hover:not(:disabled){background:var(--pk-gray-200);transform:translate(-4px)}.pk-nav-prev:disabled{opacity:.4;cursor:not-allowed}.pk-nav-next{background:linear-gradient(135deg,var(--pk-primary),var(--pk-primary-light));color:#fff;box-shadow:0 4px 20px #020e3540}.pk-nav-next:hover{background:linear-gradient(135deg,var(--pk-primary-light),var(--pk-primary));transform:translate(4px);box-shadow:0 6px 25px #020e354d}.pk-nav-cart{background:linear-gradient(135deg,var(--pk-secondary),#00c49a);color:#fff;padding:1.125rem 2.5rem;font-size:1.05rem;box-shadow:0 4px 25px #00d4aa59;animation:cart-pulse 2.5s ease-in-out infinite}@keyframes cart-pulse{0%,to{box-shadow:0 4px 25px #00d4aa59}50%{box-shadow:0 6px 35px #00d4aa80}}.pk-nav-cart:hover{background:linear-gradient(135deg,#00c49a,var(--pk-secondary));transform:translateY(-3px) scale(1.02);box-shadow:0 8px 35px #00d4aa73;animation:none}.pk-nav-cart.hidden{display:none}.pk-nav-dots{display:flex;gap:.625rem}.pk-dot{width:12px;height:12px;border-radius:50%;background:var(--pk-gray-300);cursor:pointer;transition:var(--pk-transition-bounce)}.pk-dot:hover{background:var(--pk-gray-400);transform:scale(1.2)}.pk-dot.active{background:linear-gradient(135deg,var(--pk-primary),var(--pk-accent));transform:scale(1.3);box-shadow:0 0 12px var(--pk-accent-glow)}.pk-dot.completed{background:linear-gradient(135deg,var(--pk-secondary),#00c49a)}@media(max-width:600px){.pk-navigation{flex-wrap:wrap}.pk-nav-dots{order:-1;width:100%;justify-content:center;margin-bottom:1rem}.pk-nav-btn{flex:1;justify-content:center;padding:1rem 1.25rem}}.hidden{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.pk-wrapper ::-webkit-scrollbar{width:8px;height:8px}.pk-wrapper ::-webkit-scrollbar-track{background:var(--pk-gray-100);border-radius:4px}.pk-wrapper ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--pk-gray-300),var(--pk-gray-400));border-radius:4px}.pk-wrapper ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--pk-gray-400),var(--pk-gray-500))}.pk-wrapper ::selection{background:var(--pk-accent);color:#fff}.pk-wrapper ::-moz-selection{background:var(--pk-accent);color:#fff}.pk-price-vat{color:var(--pk-gray-500);font-size:.9rem}.pk-price-vat span:last-child{color:var(--pk-gray-600)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/konfigurator.css.map */