.kissen-customizer .canvas__wrapper{background:transparent!important;min-height:420px!important}.kissen-customizer .main__wrapper .outer__main .canvas__wrapper{flex:1 1 auto;min-width:320px}.kissen-customizer .main__wrapper .outer__main .canvas__wrapper .inn{background:transparent!important;box-shadow:none!important;padding:0!important;border:none!important;position:relative;display:block!important;width:100%!important;height:auto!important;min-height:0!important}.kissen-stage-flat{width:100%;max-width:min(600px,72vh);margin:0 auto}.kissen-stage{position:relative;width:100%;aspect-ratio:1 / 1;container-type:inline-size;display:flex;line-height:normal}.kissen-stage-hint{margin:10px 0 0;text-align:center;font-family:Outfit,system-ui,sans-serif;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#8a8580}.kissen-customizer .collage-grid{position:relative;width:100%;height:100%;box-sizing:border-box;border-radius:10px;overflow:hidden;background-color:var(--blanket-color, #CBCBCB);box-shadow:0 8px 24px #0000001f}.kissen-customizer .collage-grid.no-panel{display:grid}.kissen-mockup{position:relative;line-height:0;width:100%;max-width:420px;margin:8px auto 0}.kissen-mockup-base{width:100%;display:block;filter:drop-shadow(0 10px 22px rgba(0,0,0,.18))}.kissen-mockup-design{position:absolute;left:1.357%;top:1.652%;width:97.286%;height:96.696%;display:block}.kissen-mockup-shadow,.kissen-mockup-light{position:absolute;left:0;top:0;width:100%;display:block;pointer-events:none}.kissen-mockup-shadow{mix-blend-mode:multiply;opacity:.6}.kissen-mockup-light{mix-blend-mode:screen;opacity:.35}.kissen-customizer .photo-slot{position:relative;z-index:1;overflow:hidden;border-radius:0;background:#d9d4ca}.kissen-customizer .photo-slot.mat{box-shadow:0 0 0 .5cqw #fff,0 1.2cqw 2.6cqw #00000038}.kissen-customizer .photo-slot .photo{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.kissen-customizer .photo-slot:not(.has-photo):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000029;pointer-events:none;z-index:3}.kissen-customizer .photo-slot .cta{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3em;color:#fff;font-size:clamp(8px,2cqw,12px);font-weight:500;letter-spacing:.06em;pointer-events:none;z-index:4;text-align:center}.kissen-customizer .photo-slot:not(.mat) .cta{color:#7c7468}.kissen-customizer .photo-slot .cta svg{width:clamp(15px,5cqw,26px);height:clamp(15px,5cqw,26px)}.kissen-customizer .collage-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.kissen-customizer .collage-overlay svg{display:block;width:100%;height:100%}.kissen-customizer .text-slot{position:relative;z-index:1;display:flex;align-items:center;line-height:1}.kissen-customizer .layout__wrapper,.kissen-customizer .foto__wrapper,.kissen-customizer .text__wrapper,.kissen-customizer .produkt__wrapper{padding:15px;width:100%;box-sizing:border-box;background-color:#fff}.kissen-customizer .collage-template-picker{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;padding:12px 4px 14px;margin:8px 0 0;list-style:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.kissen-customizer .collage-template-picker::-webkit-scrollbar{height:5px}.kissen-customizer .collage-template-picker::-webkit-scrollbar-track{background:transparent}.kissen-customizer .collage-template-picker::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.kissen-customizer .collage-template-picker>li{flex:0 0 auto;scroll-snap-align:start}.kissen-customizer .collage-template-picker>li>a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:#28292d;font-family:Outfit,system-ui,sans-serif;font-size:12px;font-weight:500}.kissen-customizer .collage-template-thumb{display:flex;align-items:center;justify-content:center;width:96px;aspect-ratio:1 / 1;border-radius:6px;overflow:hidden;border:2px solid transparent;background:#f0eee8;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;box-shadow:0 2px 6px #0000000d}.kissen-customizer .collage-template-picker>li>a.current .collage-template-thumb{border-color:#28292d;box-shadow:0 4px 14px #0000001f}.kissen-customizer .collage-template-picker>li>a:hover .collage-template-thumb{transform:translateY(-2px)}.kissen-customizer .collage-template-name{text-align:center;font-size:11px;font-weight:500;color:#4a4540;max-width:96px;line-height:1.2}.kissen-customizer .collage-template-thumb .collage-stage.is-thumb{max-width:100%;max-height:100%;margin:0;container-type:inline-size;display:flex;aspect-ratio:var(--collage-aspect, 1 / 1);position:relative}.kissen-customizer .is-thumb .collage-grid{border-radius:0!important;box-shadow:none!important}.kissen-customizer .is-thumb .photo-slot:not(.has-photo):after{display:none!important}.kissen-customizer .is-thumb .photo-slot.mat{box-shadow:0 0 0 .5cqw #fff!important}.kissen-customizer .kissen-tab-hint{font-size:.8125rem;color:#8a8580;margin:12px 0 0;line-height:1.45;font-family:Outfit,system-ui,sans-serif}.kissen-customizer .collage-photo-slot-list{list-style:none;padding:0;margin:8px 0 0;display:block}.kissen-customizer .collage-photo-slot-item{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06)}.kissen-customizer .collage-photo-slot-item:last-child{border-bottom:none}.kissen-customizer .collage-photo-slot-thumb{display:block;width:52px;height:52px;border-radius:5px;overflow:hidden;background:#f0eee8;cursor:pointer}.kissen-customizer .collage-photo-slot-thumb img{width:100%;height:100%;object-fit:cover;display:block}.kissen-customizer .collage-photo-slot-label{font-family:Outfit,system-ui,sans-serif;font-size:.875rem;font-weight:500;color:#4a4540;line-height:1.3}.kissen-customizer .collage-photo-slot-upload{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;text-align:center}.kissen-customizer .collage-photo-slot-upload>span{display:inline;background:none;border:none;padding:0;color:inherit}.kissen-customizer .collage-photo-slot-upload input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.kissen-customizer .kissen-text-field{margin-bottom:14px}.kissen-customizer .kissen-text-field label{display:block;font-size:12px;font-weight:600;color:#6b6663;margin-bottom:5px;font-family:Outfit,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em}.kissen-customizer .kissen-text-field input[type=text]{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d8d2c7;border-radius:7px;font-family:Outfit,system-ui,sans-serif;font-size:14px;color:#28292d}.kissen-customizer .kissen-text-field input[type=text]:focus{outline:none;border-color:#28292d}.kissen-customizer .color-options-grid{display:flex;flex-wrap:wrap;gap:8px}.kissen-customizer .color-options-grid .wrap{width:40px}.kissen-customizer .color-options-grid .wrap a{display:block;text-decoration:none}.kissen-customizer .color-options-grid .wrap a span.color{display:block;width:40px;height:40px;border-radius:6px;border:2px solid #f0ede7;box-shadow:0 1px 3px #0000001a;position:relative}.kissen-customizer .color-options-grid .wrap a.current span.color{border:2px solid #000}.kissen-customizer .color-options-grid .wrap.custom-color-wrap a.custom span.color{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important;background-color:transparent!important;overflow:visible}.kissen-customizer .color-options-grid .wrap.custom-color-wrap a span.color label{display:block;width:100%;height:100%;cursor:pointer}.kissen-customizer .color-options-grid .wrap.custom-color-wrap .color input[type=color].custom-color-picker{-webkit-appearance:none;appearance:none;width:100%;height:100%;border:none;padding:0;background:transparent;cursor:pointer;opacity:0;display:block}.kissen-customizer .color-options-grid .wrap.custom-color-wrap a.custom.current span.color{border:2px solid #000!important}.collage-cropper-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:none;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box}.collage-cropper-modal-backdrop.visible{display:flex}.collage-cropper-modal{background:#fff;border-radius:10px;max-width:90vw;max-height:92vh;width:600px;display:flex;flex-direction:column}.collage-cropper-modal-header{padding:14px 18px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.collage-cropper-modal-header h3{margin:0;font-family:Outfit,system-ui,sans-serif;font-size:1rem;font-weight:600;color:#28292d}.collage-cropper-wrapper{flex:1 1 auto;padding:16px;display:flex;align-items:center;justify-content:center;background:#f4f1ea;min-height:200px;max-height:48vh;overflow:hidden;min-width:0}.collage-cropper-wrapper img{max-width:100%;display:block}.collage-cropper-help{margin:0;padding:12px 18px 0;font-family:Outfit,system-ui,sans-serif;font-size:13px;color:#6b6b6b;text-align:center;line-height:1.4}.collage-cropper-zoom-bar{display:flex;align-items:center;gap:12px;padding:10px 18px 0}.collage-zoom-btn{width:30px;height:30px;border:1px solid #d6d2cc;background:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;font-size:18px;line-height:1;color:#28292d}.collage-zoom-btn:hover{background:#f5f1e8}.collage-zoom-slider{flex:1 1 auto;height:3px;-webkit-appearance:none;appearance:none;background:#e8e5dc;border-radius:2px;outline:none;cursor:pointer}.collage-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#16212c;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 0 0 1px #0003}.collage-zoom-slider::-moz-range-thumb{width:16px;height:16px;background:#16212c;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 0 0 1px #0003}.collage-cropper-modal-footer{padding:14px 18px;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;align-items:center}.collage-cropper-modal-footer button{padding:10px 18px;border-radius:6px;font-family:Outfit,system-ui,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid #d8d4cd;background:#fff;color:#28292d;transition:background .15s ease}.collage-cropper-modal-footer button.primary{background:#28292d;color:#fff;border-color:#28292d}.collage-cropper-modal-footer button.primary:hover{background:#1f2023}.collage-cropper-modal-footer .collage-crop-cancel{background:#fff;color:#16212c;border:1px solid #16212C}.collage-cropper-modal-backdrop .cropper-view-box,.collage-cropper-modal-backdrop .cropper-face,.collage-cropper-modal-backdrop .cropper-crop-box,.collage-cropper-modal-backdrop .cropper-point{border-radius:0!important}.collage-cropper-modal-backdrop .cropper-view-box{outline:1px solid #28292d!important}.collage-cropper-modal-backdrop .cropper-face{background-color:transparent!important;opacity:1!important}.collage-cropper-modal-backdrop .cropper-modal{background-color:#000!important;opacity:.5!important}.collage-cropper-modal-backdrop .cropper-container{margin:0 auto!important;max-width:100%!important}@media(min-width:1100px){.kissen-stage-flat{max-width:min(640px,75vh)}}.kissen-customizer .availability-status{display:flex;align-items:center;gap:8px;color:#4caf50!important;font-weight:500;font-size:14px;margin-bottom:12px;font-family:Outfit,system-ui,sans-serif}.kissen-customizer .availability-status svg{flex-shrink:0}.kissen-customizer .availability-status span{color:#4caf50!important}.kissen-customizer .benefits-box{background:var(--benefits-bg-color, #f8f5f0);border-radius:8px;padding:16px}.kissen-customizer .benefits-list{list-style:none;margin:0;padding:0}.kissen-customizer .benefits-list li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;color:#333;font-family:Outfit,system-ui,sans-serif}.kissen-customizer .benefits-list li svg{flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/71/assets/kissen.css.map */