.kf-configurator{display:flex;flex-wrap:wrap;gap:24px;background:#0d0d0d;color:#fff;border-radius:12px;overflow:hidden;font-family:var(--base-font-family, "Poppins", sans-serif);height:100%}.kf-configurator *{box-sizing:border-box}.kf-configurator h2,.kf-configurator h3{font-family:var(--heading-font-family, "Bebas Neue", sans-serif);font-weight:400;letter-spacing:.02em}.kf-preview{flex:1 1 420px;position:relative;background:#111;display:flex;align-items:center;justify-content:center;min-height:420px}.kf-layerstack{position:relative;width:100%;max-width:560px;aspect-ratio:1 / 1}.kf-layerstack img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.kf-panel{width:100%;max-width:420px;padding:24px;overflow-y:auto;max-height:720px;display:flex;flex-direction:column}.kf-price-bar{position:sticky;top:0;background:#0d0d0d;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #333;z-index:1;flex-shrink:0}.kf-price{font-size:28px;font-weight:700}.kf-configurator h2{font-size:18px;margin:0 0 4px}.kf-progress{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.kf-question-viewport{flex:1}.kf-question{margin-bottom:12px}.kf-question h3{font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:#9aa;margin:0 0 8px}.kf-answers{display:grid;grid-template-columns:repeat(auto-fill,78px);gap:8px;align-items:start}.kf-answer{width:78px;cursor:pointer;border:2px solid transparent;border-radius:8px;padding:4px;text-align:center;background:transparent;font:inherit;color:inherit;display:flex;flex-direction:column;align-items:stretch}.kf-answer.is-selected{border-color:#0031a7;background:#131c3f}.kf-answer img{width:100%;aspect-ratio:1 / 1;height:auto;object-fit:cover;border-radius:5px;background:#333;display:block}.kf-placeholder-sq{width:100%;aspect-ratio:1 / 1;border-radius:5px;background:#2a2f3a;display:flex;align-items:center;justify-content:center;text-align:center;padding:4px}.kf-placeholder-sq span{font-size:11px;line-height:1.2;color:#cdd3e0}.kf-lbl{font-size:10px;margin-top:3px;line-height:1.2}.kf-delta{font-size:10px;color:#7fd67f}.kf-variant-note{font-size:12px;color:#f0c060;margin-top:8px}.kf-required-hint{font-size:12px;color:#ff6b6b;min-height:16px;margin-top:4px}.kf-text-input textarea{width:100%;min-height:70px;background:#0f0f0f;color:#fff;border:1px solid #444;border-radius:8px;padding:10px;font-family:inherit;font-size:13px;resize:vertical}.kf-file-input label{display:flex;align-items:center;gap:10px;border:1px dashed #555;border-radius:8px;padding:12px;cursor:pointer;background:#0f0f0f}.kf-file-input label:hover{border-color:#0031a7}.kf-file-input input[type=file]{display:none}.kf-file-icon{font-size:20px}.kf-file-name{font-size:12px;color:#9aa}.kf-nav{display:flex;gap:10px;margin-top:10px;flex-shrink:0}.kf-nav-btn{flex:0 0 auto;width:44px;height:44px;border-radius:8px;border:1px solid #444;background:#17181c;color:#fff;font-size:18px;cursor:pointer}.kf-nav-btn:disabled{opacity:.35;cursor:not-allowed}.kf-nav-btn--next{flex:1 1 auto;width:auto;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--base-font-family, "Poppins", sans-serif);font-weight:600}.kf-nav-btn--next[hidden]{display:none}.kf-cta{width:100%;padding:14px;background:#0031a7;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;margin-top:10px;cursor:pointer;flex-shrink:0;font-family:var(--base-font-family, "Poppins", sans-serif)}.kf-cta:disabled{background:#333;color:#888;cursor:not-allowed}.kf-cta[hidden]{display:none}.kf-open-btn{width:100%;padding:16px;background:#0031a7;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;font-family:var(--base-font-family, "Poppins", sans-serif)}.kf-open-btn:hover{background:#002586}.kf-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.kf-modal[hidden]{display:none}.kf-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf}.kf-modal-panel{position:relative;width:100%;max-width:96vw;max-height:94vh;overflow:hidden;border-radius:12px}.kf-modal-panel .kf-configurator,.kf-modal-panel .kf-panel{max-height:94vh}.kf-modal-close{position:absolute;top:10px;left:10px;z-index:2;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:20px;line-height:1;cursor:pointer}.kf-modal-close:hover{background:#ffffff4d}@media(max-width:700px){.kf-modal{padding:0}.kf-modal-panel{max-width:100%;height:100%;max-height:100%;border-radius:0}.kf-modal-panel .kf-configurator{max-height:100%;height:100%}.kf-modal-panel .kf-panel{max-height:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/kf-configurator.css.map */