.configurator-content{min-height:calc(100vh - 185px);padding:24px;scroll-margin-top:75px}@media(min-width:1000px){.configurator-content{padding:48px}}.configurator-content .step-grid{display:grid;gap:16px;grid-template-columns:2fr}@media(min-width:1000px){.configurator-content .step-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1150px){.configurator-content .step-grid{grid-template-columns:repeat(4,1fr)}}.configurator-content .step-grid.step-1-grid{grid-template-columns:1fr}@media(min-width:1000px){.configurator-content .step-grid.step-1-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1150px){.configurator-content .step-grid.step-1-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1920px){.configurator-content .step-grid.step-1-grid{grid-template-columns:repeat(4,1fr)}}.configurator-content .step-grid.step-1-grid .step-1-card{grid-template-rows:85px 125px 150px 35px auto}.configurator-content .step-grid .step-card{position:relative;display:grid;grid-template-rows:auto 25px auto auto;grid-template-columns:1fr;padding:16px;border:2px solid #e6e7ec;gap:8px}.configurator-content .step-grid .step-card.selected{border-color:#1e3278;box-shadow:0 0 10px #1e327833}.configurator-content .step-grid .step-card .description{font-size:16px;line-height:20px}.configurator-content .step-grid .step-card .details{display:none;font-size:14px;line-height:18px}.configurator-content .step-grid .step-card .details-button{font-size:16px;text-align:center;text-decoration:underline}.configurator-content .step-grid .step-card .details-button:hover{font-weight:500}.configurator-content .step-grid .step-card .image-container{aspect-ratio:1/1;height:100%;margin:auto;width:auto}.configurator-content .step-grid .step-card .image-container .image{height:auto;margin:auto}.configurator-content .step-grid .step-card .price{align-items:baseline;display:flex;gap:8px;font-size:16px}.configurator-content .step-grid .step-card .price .discount{color:#727377;font-size:16px;text-decoration:line-through}.configurator-content .step-grid .step-card .price .origianal{color:#1e3278;font-weight:600}.configurator-content .step-grid .step-card .quantity-selector{border:0;display:grid;gap:16px;grid-template-columns:50px 1fr 50px;margin-inline:auto;max-width:300px}.configurator-content .step-grid .step-card .quantity-selector-button{font-size:25px;padding:0 0 3px}.configurator-content .step-grid .step-card .quantity-selector__input{border:1px solid #e6e7ec;width:100%}.configurator-content .step-grid .step-card .remove-system{position:absolute;right:-14px;top:-14px;border:2px solid;border-radius:50%;width:36px;height:36px;text-align:center;background:#fff;box-shadow:0 0 6px #0000001a}.configurator-content .step-grid .step-card .remove-system:hover{background:#e6e7ec}.configurator-content .step-grid .step-card .title{line-height:1.3em;font-family:Marcellus,serif;font-size:20px}.configurator-content .step-5 .step-grid .step-card{grid-template-rows:auto}.configurator-content .step-navigation{padding-block:30px;text-align:center}.configurator-content .step-title{margin-bottom:16px;text-align:center}.configurator-content .summary-content .step-grid{margin-bottom:24px}.configurator-content .summary-title{margin-bottom:24px;text-align:center}@media(min-width:1000px){.configurator-content .summary-title{text-align:left}}.configurator-content .summary-title span{font-weight:700}.configurator-footer{position:sticky;z-index:99;bottom:0;display:grid;align-items:center;grid-template-columns:1fr;width:100%;padding:8px;background-color:#fff;box-shadow:0 -2px 4px #0000001a;gap:16px 0}@media(min-width:700px){.configurator-footer{gap:16px;grid-template-columns:repeat(3,1fr);height:75px;padding:8px 48px}}.configurator-footer .configurator-navigation{align-items:center;display:flex;gap:16px;grid-column-start:1;grid-row-start:1;justify-self:center;max-width:100%;overflow:hidden}.configurator-footer .configurator-navigation .button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:700px){.configurator-footer .configurator-navigation{grid-column-start:3;justify-content:right;margin-left:auto}}.configurator-footer .configurator-price{font-size:16px;padding:0 16px;text-align:center}.configurator-footer .configurator-price .discount-price{color:#1e3278;font-size:24px;font-weight:700;line-height:28px}.configurator-footer .configurator-price .original-price{color:#727377;font-size:14px;text-decoration:line-through}.configurator-footer .configurator-price .price{display:flex;justify-content:center;align-items:baseline;gap:8px}.configurator-footer .configurator-price-container{display:flex;justify-self:center}.configurator-footer .configurator-summary{font-weight:600;text-transform:uppercase}.configurator-footer .configurator-summary-details{align-items:center;background-color:#c1c9e7;border-radius:2rem;display:flex;gap:8px;justify-self:center;padding:4px 16px}@media(min-width:700px){.configurator-footer .configurator-summary-details{justify-self:start;margin:0 auto 0 1em}}.configurator-footer .configurator-summary-details img{height:40px;width:auto}.configurator-footer .divider{border-left:1px solid #1e3278;flex:0 0 1px;height:48px}.configurator-header{position:sticky;z-index:9;top:95px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding:16px 48px;border-top:1px solid #e6e7ec;background-color:#fff;box-shadow:0 2px 4px #0000001a;gap:16px;text-align:center}@media(min-width:700px){.configurator-header{flex-direction:row;text-align:left}}@media(max-width:700px){.configurator-header{top:50px}}.configurator-subheader{position:sticky;z-index:9;top:194px;display:none;justify-content:center;align-items:center;width:100%;padding:8px 48px 4px;border-top:1px solid #e6e7ec;background-color:#fff;box-shadow:0 2px 4px #0000001a}@media(min-width:700px){.configurator-subheader{display:flex}}.configurator-subheader .subheader-line{position:relative;top:-12px;flex:1 0 50px;height:3px;margin:0 -4px;background:#e6e7ec;transition:all .3s ease}.configurator-subheader .subheader-line.completed{background:#32781e}.configurator-subheader .subheader-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;font-size:14px}.configurator-subheader .subheader-step.active{font-weight:600}.configurator-subheader .subheader-step.active .step-label{color:#1e3278}.configurator-subheader .subheader-step.active .step-quantity{border:2px solid #1e3278;color:#1e3278}.configurator-subheader .subheader-step .step-label{color:#727377}.configurator-subheader .subheader-step .step-quantity{border-radius:50%;border:2px solid #e6e7ec;color:#727377;height:28px;text-align:center;width:28px}.configurator-subheader .subheader-steps{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:100%}.configurator-progress{width:100%}@media(min-width:700px){.configurator-progress{flex:0 1 500px}}.configurator-progress .progress-steps{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:100%}@media(min-width:700px){.configurator-progress .progress-steps{max-width:500px}}.configurator-progress .progress-line{position:relative;flex:1;height:3px;margin:0 -4px;background:#e6e7ec;transition:all .3s ease}@media(min-width:700px){.configurator-progress .progress-line{top:-15px}}.configurator-progress .progress-line.completed{background:#32781e}.configurator-progress .progress-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.configurator-progress .progress-step .progress-step-check{color:#fff;display:none;height:18px;width:18px}@media(min-width:700px){.configurator-progress .progress-step .progress-step-check{height:22px;width:22px}}.configurator-progress .progress-step .progress-step-circle{position:relative;display:flex;justify-content:center;align-items:center;width:24px;height:24px;border:3px solid #e6e7ec;border-radius:50%;background:#e6e7ec;transition:all .3s ease}@media(min-width:700px){.configurator-progress .progress-step .progress-step-circle{height:36px;width:36px}}.configurator-progress .progress-step .progress-step-label{color:#727377;display:none;font-size:14px;font-weight:500;margin-top:.5rem;text-align:center;transition:all .3s ease}@media(min-width:700px){.configurator-progress .progress-step .progress-step-label{display:block}}.configurator-progress .progress-step .progress-step-number{color:#727377;font-size:14px;font-weight:600;transition:all .3s ease}@media(min-width:700px){.configurator-progress .progress-step .progress-step-number{font-size:18px}}.configurator-progress .progress-step.active .progress-step-circle{background:#1e3278;border-color:#1e3278;box-shadow:0 0 0 4px #1e327833}.configurator-progress .progress-step.active .progress-step-number{color:#fff}.configurator-progress .progress-step.active .progress-step-label{color:#1e3278;font-weight:600}.configurator-progress .progress-step.completed .progress-step-circle{background:#32781e;border-color:#32781e}.configurator-progress .progress-step.completed .progress-step-number{display:none}.configurator-progress .progress-step.completed .progress-step-check{display:block}.configurator-progress .progress-step.completed .progress-step-label{color:#32781e}.configurator-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/30/assets/configurator-jkl.css.map */