.hi-konfigurator{max-width:1200px;margin:0 auto;padding:3rem 2rem 5rem}.hi-konfigurator__header{text-align:center;margin-bottom:4rem}.hi-konfigurator__subtitle{color:#666;font-size:1.6rem;margin-top:.8rem}.hi-konfigurator__intro{background:#f8f8f8;border-radius:8px;padding:2rem 2.4rem;margin-bottom:3rem}.hi-konfigurator__intro-lead{font-size:1.45rem;color:#444;line-height:1.65;margin-bottom:1.6rem}.hi-konfigurator__intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem 2rem;margin-bottom:1.6rem}.hi-konfigurator__intro-item{display:flex;gap:.9rem;align-items:flex-start}.hi-konfigurator__intro-num{width:2.4rem;height:2.4rem;border-radius:50%;background:#111;color:#fff;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem}.hi-konfigurator__intro-text strong{display:block;font-size:1.35rem;margin-bottom:.2rem;color:#111}.hi-konfigurator__intro-text span{font-size:1.2rem;color:#666;line-height:1.45}.hi-konfigurator__intro-advice{font-size:1.35rem;color:#555;border-top:1px solid #e8e8e8;padding-top:1.2rem;margin:0}.hi-konfigurator__intro-advice a{color:#111;font-weight:600;text-decoration:underline;text-underline-offset:2px}.hi-konfigurator__intro-advice a:hover{color:#555}.hi-konfigurator__progress{margin-bottom:4rem;overflow-x:auto}.hi-konfigurator__progress-steps{display:flex;align-items:flex-start;justify-content:center;min-width:480px}.hi-konfigurator__progress-step{display:flex;flex-direction:column;align-items:center;gap:.6rem;flex-shrink:0}.hi-konfigurator__progress-step.is-hidden{display:none}.hi-konfigurator__progress-connector{flex:1;height:2px;background:#e0e0e0;margin-top:1.5rem;min-width:2rem;transition:background .3s}.hi-konfigurator__progress-connector.is-hidden{display:none}.hi-konfigurator__progress-dot{width:3.2rem;height:3.2rem;border-radius:50%;background:#e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.4rem;transition:background .3s,color .3s}.hi-konfigurator__progress-step.is-active .hi-konfigurator__progress-dot,.hi-konfigurator__progress-step.is-done .hi-konfigurator__progress-dot{background:#111;color:#fff}.hi-konfigurator__progress-step.is-done .hi-konfigurator__progress-dot span:before{content:"\2713"}.hi-konfigurator__progress-step.is-done .hi-konfigurator__progress-dot span{font-size:0}.hi-konfigurator__progress-step.is-done .hi-konfigurator__progress-dot span:before{font-size:1.4rem}.hi-konfigurator__progress-label{font-size:1.2rem;color:#999;white-space:nowrap}.hi-konfigurator__progress-step[data-optional] .hi-konfigurator__progress-label:after{content:"opt.";display:block;font-size:1rem;color:#bbb;font-weight:400;margin-top:.1rem}.hi-konfigurator__progress-step.is-active .hi-konfigurator__progress-label{color:#111;font-weight:600}.hi-konfigurator__progress-step.is-done .hi-konfigurator__progress-label{color:#555}.hi-konfigurator__progress-step.is-done{cursor:pointer}.hi-konfigurator__progress-step.is-done:hover .hi-konfigurator__progress-dot{background:#333}.hi-konfigurator__progress-step.is-done:hover .hi-konfigurator__progress-label{color:#111}.hi-konfigurator__content{min-height:40rem;margin-bottom:3rem}.hi-konfigurator__step-head{margin-bottom:2.5rem}.hi-konfigurator__step-head h3{font-size:2.2rem;margin-bottom:.6rem}.hi-konfigurator__step-head p{color:#555;font-size:1.5rem;margin-bottom:.6rem}.hi-konfigurator__hint{font-size:1.4rem;color:#888}.hi-konfigurator__hint--info{color:#7a5800;background:#fff8e6;border:1px solid #f0d080;border-radius:4px;padding:.6rem 1rem;display:inline-block}.hi-konfigurator__optional{font-size:1.4rem;font-weight:400;color:#888}.hi-konfigurator__loading{display:flex;justify-content:center;padding:6rem}.hi-konfigurator__spinner{width:3.6rem;height:3.6rem;border:3px solid #e0e0e0;border-top-color:#111;border-radius:50%;animation:hi-spin .7s linear infinite}@keyframes hi-spin{to{transform:rotate(360deg)}}.hi-konfigurator__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1.6rem}.hi-konfigurator__card{border:2px solid #e8e8e8;border-radius:8px;overflow:hidden;cursor:pointer;background:#fff;transition:border-color .2s,box-shadow .2s,transform .15s}.hi-konfigurator__card:hover{border-color:#bbb;box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.hi-konfigurator__card.is-selected{border-color:#111;box-shadow:0 4px 16px #0000001f}.hi-konfigurator__card-img{position:relative;aspect-ratio:1;background:#f5f5f5;overflow:hidden}.hi-konfigurator__card-img img{width:100%;height:100%;object-fit:cover;display:block}.hi-konfigurator__card.is-unavailable{opacity:.5;cursor:not-allowed}.hi-konfigurator__card.is-unavailable:hover{border-color:#e8e8e8;box-shadow:none;transform:none}.hi-konfigurator__card-unavailable-badge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffbf;font-size:1.2rem;font-weight:600;color:#555;letter-spacing:.03em}.hi-konfigurator__stepper-btn:disabled{opacity:.3;cursor:not-allowed}.hi-konfigurator__stepper-btn:disabled:hover{border-color:#ccc;background:#fff}.hi-konfigurator__card-placeholder{width:100%;height:100%;background:#efefef}.hi-konfigurator__card-check{position:absolute;top:.8rem;right:.8rem;width:2.6rem;height:2.6rem;border-radius:50%;background:#111;color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.7);transition:opacity .2s,transform .2s}.hi-konfigurator__card.is-selected .hi-konfigurator__card-check{opacity:1;transform:scale(1)}.hi-konfigurator__card-body{padding:1.2rem 1.4rem 1.4rem}.hi-konfigurator__card-name{font-size:1.3rem;font-weight:500;line-height:1.35;margin-bottom:.4rem;color:#222}.hi-konfigurator__card-info{font-size:1.15rem;color:#888;margin-bottom:.4rem}.hi-konfigurator__card-price{font-size:1.5rem;font-weight:700;color:#111;display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.hi-konfigurator__card-price.is-sale{color:#c00}.hi-konfigurator__card-compare{font-size:1.2rem;font-weight:400;color:#999;text-decoration:line-through}.hi-konfigurator__card-sale-badge{position:absolute;top:.7rem;left:.7rem;background:#c00;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.25rem .7rem;border-radius:3px}.hi-konfigurator__select{width:100%;margin-top:.8rem;padding:.6rem .8rem;border:1px solid #ddd;border-radius:4px;font-size:1.2rem;background:#fff;cursor:pointer}.hi-konfigurator__filters{display:flex;align-items:center;gap:1rem;margin-top:1.2rem;flex-wrap:wrap}.hi-konfigurator__filter-label{font-size:1.4rem;color:#555;white-space:nowrap}.hi-konfigurator__filter-select{padding:.7rem 1.2rem;border:1px solid #ddd;border-radius:4px;font-size:1.4rem;background:#fff;cursor:pointer;min-width:14rem}.hi-konfigurator__filter-select:focus{outline:none;border-color:#111}.hi-konfigurator__card-stepper{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid #eee}.hi-konfigurator__stepper-btn{width:2.8rem;height:2.8rem;border:1px solid #ccc;border-radius:4px;background:#fff;font-size:1.6rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.hi-konfigurator__stepper-btn:hover{border-color:#111;background:#f5f5f5}.hi-konfigurator__stepper-qty{font-size:1.6rem;font-weight:700;min-width:1.8rem;text-align:center}.hi-konfigurator__search{display:block;width:100%;max-width:40rem;margin-top:1.2rem;padding:.9rem 1.4rem;border:1px solid #ddd;border-radius:4px;font-size:1.4rem}.hi-konfigurator__search:focus{outline:none;border-color:#111}.hi-konfigurator__mode-toggle{display:flex;gap:0;margin-top:1.2rem;border:1px solid #ddd;border-radius:4px;overflow:hidden;width:fit-content}.hi-konfigurator__mode-btn{padding:.7rem 1.6rem;background:#fff;border:none;font-size:1.3rem;cursor:pointer;color:#555;transition:background .15s,color .15s}.hi-konfigurator__mode-btn+.hi-konfigurator__mode-btn{border-left:1px solid #ddd}.hi-konfigurator__mode-btn.is-active{background:#111;color:#fff}.hi-konfigurator__length-picker{display:flex;align-items:center;gap:1rem;margin-top:1.2rem;flex-wrap:wrap}.hi-konfigurator__length-pills{display:flex;flex-wrap:wrap;gap:.6rem}.hi-konfigurator__length-pill{padding:.5rem 1.2rem;border:2px solid #ddd;border-radius:2rem;background:#fff;font-size:1.3rem;cursor:pointer;transition:border-color .15s,background .15s,color .15s;white-space:nowrap}.hi-konfigurator__length-pill:hover{border-color:#999}.hi-konfigurator__length-pill.is-active{border-color:#111;background:#111;color:#fff}.hi-konfigurator__skip-btn{display:inline-block;margin-top:1rem;padding:.6rem 1.4rem;border:1px solid #ccc;border-radius:4px;background:transparent;font-size:1.3rem;color:#555;cursor:pointer;transition:border-color .2s,color .2s}.hi-konfigurator__skip-btn:hover{border-color:#888;color:#111}.hi-konfigurator__nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.2rem;padding:1.4rem 2rem;margin:0 -2rem;position:sticky;bottom:0;background:#fff;border-top:1px solid #e8e8e8;box-shadow:0 -4px 16px #0000000f;z-index:50}.hi-konfigurator__btn-back{min-width:12rem}.hi-konfigurator__btn-reset{background:none;border:none;color:#aaa;font-size:1.3rem;cursor:pointer;padding:.4rem 0;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ccc}.hi-konfigurator__btn-reset:hover{color:#666;text-decoration-color:#999}.hi-konfigurator__reset-confirm{background:none;border:1px solid currentColor;border-radius:3px;cursor:pointer;font-size:1.2rem;padding:.2rem .7rem;margin-left:.6rem}.hi-konfigurator__reset-confirm[data-action=yes]{color:#c00;border-color:#fcc}.hi-konfigurator__reset-confirm[data-action=yes]:hover{background:#fff5f5}.hi-konfigurator__reset-confirm[data-action=no]{color:#666;border-color:#ddd}.hi-konfigurator__reset-confirm[data-action=no]:hover{background:#f5f5f5}.hi-konfigurator__nav-right{display:flex;align-items:center;gap:2rem;margin-left:auto}.hi-konfigurator__running-total{font-size:1.6rem;font-weight:700;color:#111}.hi-konfigurator__btn-next{min-width:18rem}@keyframes hiShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.hi-konfigurator__btn-next.is-shake{animation:hiShake .45s ease}.hi-konfigurator__error{width:100%;padding:1rem 1.4rem;background:#fff5f5;border:1px solid #fcc;border-radius:4px;color:#c00;font-size:1.4rem;margin-bottom:2rem}.hi-konfigurator__empty{color:#999;font-size:1.5rem;text-align:center;padding:4rem;grid-column:1 / -1}.hi-konfigurator__summary{background:#f8f8f8;border-radius:8px;padding:2rem 2.4rem;margin-bottom:3rem}.hi-konfigurator__summary h4{font-size:1.7rem;margin-bottom:1.6rem}.hi-konfigurator__summary-table{width:100%;border-collapse:collapse}.hi-konfigurator__summary-table td{padding:.9rem 0;border-bottom:1px solid #eee;font-size:1.4rem;vertical-align:middle}.hi-konfigurator__summary-name{color:#333}.hi-konfigurator__summary-qty{text-align:center;color:#999;width:5rem}.hi-konfigurator__summary-price{text-align:right;font-weight:600;white-space:nowrap}.hi-konfigurator__summary-subtotal td{border-bottom:none;border-top:2px solid #ddd;padding-top:1.2rem;font-weight:700;font-size:1.6rem}.hi-konfigurator__konf-section h4{font-size:1.7rem;margin-bottom:.6rem}.hi-konfigurator__konf-section>p{color:#555;font-size:1.4rem;margin-bottom:1.6rem}.hi-konfigurator__konf-options{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}.hi-konfigurator__konf-option{border:2px solid #e8e8e8;border-radius:8px;padding:1.8rem;cursor:pointer;display:block;transition:border-color .2s}.hi-konfigurator__konf-option:hover{border-color:#bbb}.hi-konfigurator__konf-option.is-selected{border-color:#111}.hi-konfigurator__konf-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.hi-konfigurator__konf-body{display:flex;flex-direction:column;gap:.4rem}.hi-konfigurator__konf-body strong{font-size:1.6rem}.hi-konfigurator__konf-body span{font-size:1.3rem;color:#666}.hi-konfigurator__konf-price{font-size:1.8rem!important;font-weight:700;color:#111!important;margin-top:.6rem}.hi-konfigurator__konf-delivery{font-size:1.2rem!important;color:#888!important;margin-top:.2rem}.hi-konfigurator__details-btn{display:block;width:100%;margin-top:.8rem;padding:.5rem;background:none;border:1px solid #e0e0e0;border-radius:4px;font-size:1.2rem;color:#666;cursor:pointer;text-align:center;transition:border-color .15s,color .15s}.hi-konfigurator__details-btn:hover{border-color:#999;color:#111}.hi-konfigurator__modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:10000;align-items:center;justify-content:center;padding:1.6rem}.hi-konfigurator__modal-overlay.is-open{display:flex}.hi-konfigurator__modal{background:#fff;border-radius:10px;max-width:860px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.hi-konfigurator__modal-topbar{position:sticky;top:0;z-index:2;background:#fff;display:flex;justify-content:flex-end;padding:1rem 1rem 0}.hi-konfigurator__modal-close{width:3.2rem;height:3.2rem;border:none;background:#f0f0f0;border-radius:50%;font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.hi-konfigurator__modal-close:hover{background:#e0e0e0}.hi-konfigurator__modal-body{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;padding:1.2rem 2.4rem 2.4rem}.hi-konfigurator__modal-main-img img{width:100%;border-radius:6px;display:block}.hi-konfigurator__modal-thumbs{display:flex;gap:.6rem;margin-top:.8rem;flex-wrap:wrap}.hi-konfigurator__modal-thumb{width:5.6rem;height:5.6rem;object-fit:cover;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:border-color .15s}.hi-konfigurator__modal-thumb.is-active,.hi-konfigurator__modal-thumb:hover{border-color:#111}.hi-konfigurator__modal-title{font-size:1.9rem;margin-bottom:.8rem;line-height:1.3}.hi-konfigurator__modal-price{font-size:1.8rem;font-weight:700;margin-bottom:1.4rem;display:flex;align-items:baseline;gap:.8rem}.hi-konfigurator__modal-price.is-sale{color:#c00}.hi-konfigurator__modal-desc{font-size:1.4rem;color:#444;line-height:1.6;margin-bottom:1.6rem}.hi-konfigurator__modal-link{display:inline-flex;align-items:center;justify-content:center}.hi-konfigurator__modal-related{grid-column:1 / -1;border-top:1px solid #e8e8e8;padding-top:1.8rem;margin-top:.4rem}.hi-konfigurator__modal-related-title{font-size:1.4rem;font-weight:600;margin:0 0 1.2rem;color:#333}.hi-konfigurator__modal-related-strip{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.6rem;scrollbar-width:thin}.hi-konfigurator__modal-related-card{flex:0 0 13rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;background:#f9f9f9;border:1px solid #e8e8e8;border-radius:6px;padding:.8rem;cursor:pointer;text-align:left;transition:border-color .2s,background .2s}.hi-konfigurator__modal-related-card:hover{border-color:#999;background:#f0f0f0}.hi-konfigurator__modal-related-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;background:#efefef}.hi-konfigurator__modal-related-placeholder{width:100%;aspect-ratio:1;background:#e8e8e8;border-radius:4px}.hi-konfigurator__modal-related-name{font-size:1.15rem;line-height:1.3;color:#333}.hi-konfigurator__modal-related-price{font-size:1.15rem;font-weight:600;color:#111}@media(max-width:600px){.hi-konfigurator__modal-overlay{align-items:flex-end;padding:0}.hi-konfigurator__modal{border-radius:14px 14px 0 0;max-height:88vh}.hi-konfigurator__modal-body{grid-template-columns:1fr;padding:.8rem 1.4rem 2rem;gap:1.4rem}.hi-konfigurator__modal-main-img{max-height:52vw;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:6px}.hi-konfigurator__modal-main-img img{max-height:52vw;width:auto;max-width:100%;object-fit:contain}}.hi-konfigurator__body{display:grid;grid-template-columns:1fr 28rem;gap:4rem;align-items:start}.hi-konfigurator__sidebar{position:sticky;top:2rem}.hi-konfigurator__sidebar-card{background:#f8f8f8;border:1px solid #e8e8e8;border-radius:8px;padding:2rem}.hi-konfigurator__sidebar-empty{font-size:1.4rem;color:#aaa;text-align:center;padding:1.6rem 0;margin:0}.hi-konfigurator__sidebar-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid #ebebeb}.hi-konfigurator__sidebar-item:first-child{padding-top:0}.hi-konfigurator__sidebar-item-info{flex:1;min-width:0}.hi-konfigurator__sidebar-item-cat{font-size:1.05rem;color:#aaa;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.2rem}.hi-konfigurator__sidebar-item-name{font-size:1.35rem;color:#222;line-height:1.4;word-break:break-word}.hi-konfigurator__sidebar-item-price{font-size:1.4rem;font-weight:600;color:#111;white-space:nowrap;flex-shrink:0}.hi-konfigurator__sidebar-total{display:flex;justify-content:space-between;align-items:center;margin-top:1.4rem;padding-top:1.4rem;border-top:2px solid #222;font-size:1.55rem;font-weight:700}.hi-konfigurator__sidebar-advice{margin:1.4rem 0 0;padding-top:1.4rem;border-top:1px solid #e8e8e8;font-size:1.3rem;color:#666;line-height:1.5}.hi-konfigurator__sidebar-advice-link{color:#111;text-decoration:underline}.hi-konfigurator__mobile-summary{display:none}@media(max-width:1100px){.hi-konfigurator__body{display:block}.hi-konfigurator__sidebar{display:none}.hi-konfigurator__mobile-summary{display:block;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:2rem;background:#f8f8f8;overflow:hidden}.hi-konfigurator__mobile-summary-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;padding:1.4rem 1.6rem;cursor:pointer;font-size:1.4rem;font-weight:600;text-align:left}.hi-konfigurator__mobile-summary-right{display:flex;align-items:center;gap:.8rem;color:#666;font-weight:400;flex-shrink:0}.hi-konfigurator__mobile-summary-chevron{transition:transform .2s ease}.hi-konfigurator__mobile-summary-toggle.is-open .hi-konfigurator__mobile-summary-chevron{transform:rotate(180deg)}.hi-konfigurator__mobile-summary-body{display:none;padding:0 1.6rem 1.6rem}.hi-konfigurator__mobile-summary-body.is-open{display:block}}@media(max-width:768px){.hi-konfigurator{padding:2rem 1.2rem 4rem}.hi-konfigurator__intro{padding:1.6rem}.hi-konfigurator__intro-grid{grid-template-columns:1fr 1fr}.hi-konfigurator__grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1.2rem}.hi-konfigurator__konf-options{grid-template-columns:1fr}.hi-konfigurator__progress-label{font-size:1rem}.hi-konfigurator__running-total{font-size:1.4rem}}@media(max-width:600px){.hi-konfigurator__nav{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"total  next" "back   reset";gap:.8rem 1rem;padding:1rem 1.6rem;margin:0 -1.2rem}.hi-konfigurator__btn-back{grid-area:back;min-width:unset;width:auto;background:none;border:none;color:#aaa;font-size:1.3rem;padding:.4rem 0;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ccc;text-transform:none;letter-spacing:0;align-self:center}.hi-konfigurator__btn-reset{grid-area:reset;text-align:right;align-self:center}.hi-konfigurator__nav-right{grid-area:total / total / next / next;display:contents;margin-left:0}.hi-konfigurator__running-total{grid-area:total;align-self:center;font-size:1.3rem}.hi-konfigurator__btn-next{grid-area:next;min-width:unset;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/konfigurator.css.map */