.jj-configurator-section{padding-block:var(--jj-section-padding-top) var(--jj-section-padding-bottom)}.jj-configurator-section__inner{display:grid;gap:24px;width:min(calc(100% - 32px),var(--normal-page-width, 1400px));margin-inline:auto}.jj-configurator{display:block}.jj-configurator__header{max-width:760px;margin-bottom:30px}.jj-configurator__header h2,.jj-configurator__header p{margin-block-start:0}.jj-configurator__header h2{margin-block-end:12px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.jj-configurator__eyebrow{color:#d94700;font-size:.78rem;font-weight:800;letter-spacing:.14em}.jj-configurator__description{color:rgb(var(--color-foreground-rgb) / .7)}.jj-configurator__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:clamp(24px,4vw,56px);align-items:start}.jj-configurator__steps{display:grid;gap:18px}.jj-step{padding:clamp(20px,3vw,32px);border:1px solid rgb(var(--color-foreground-rgb) / .12);border-radius:18px;background:rgb(var(--color-background-rgb));box-shadow:0 12px 34px #0000000a}.jj-step__heading{display:flex;align-items:baseline;gap:10px;margin-bottom:18px}.jj-step__heading>span{color:#d94700;font-weight:850;letter-spacing:.05em}.jj-step__heading h3{margin:0;font-size:1.2rem}.jj-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.jj-options--two{grid-template-columns:repeat(2,minmax(0,1fr))}.jj-option-card{position:relative;display:flex;gap:11px;align-items:center;min-height:58px;padding:12px 14px;border:1px solid rgb(var(--color-foreground-rgb) / .14);border-radius:12px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.jj-option-card:hover{border-color:rgb(var(--color-foreground-rgb) / .42)}.jj-option-card:has(input:checked){border-color:#d94700;background:#fff7f1;box-shadow:0 0 0 1px #d94700}.jj-option-card.is-disabled{opacity:.42;cursor:not-allowed}.jj-option-card input{position:absolute;width:1px;height:1px;opacity:0}.jj-option-card__mark{flex:0 0 18px;width:18px;height:18px;border:1.5px solid rgb(var(--color-foreground-rgb) / .35);border-radius:50%}.jj-option-card--check .jj-option-card__mark{border-radius:5px}.jj-option-card input:checked+.jj-option-card__mark{border-color:#d94700;background:radial-gradient(circle,#d94700 0 45%,transparent 48%)}.jj-option-card--check input:checked+.jj-option-card__mark{background:#d94700;box-shadow:inset 0 0 0 4px #fff}.jj-option-card strong,.jj-option-card small{display:block}.jj-option-card strong{line-height:1.25}.jj-option-card small{margin-top:4px;color:rgb(var(--color-foreground-rgb) / .62)}.jj-option-card--custom{margin-top:10px}.jj-quantity-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.jj-choice,.jj-inline-toggle button{-webkit-appearance:none;appearance:none;border:1px solid rgb(var(--color-foreground-rgb) / .16);background:rgb(var(--color-background-rgb));color:rgb(var(--color-foreground-rgb));cursor:pointer}.jj-choice{min-width:68px;padding:9px 12px;border-radius:999px}.jj-choice:hover,.jj-inline-toggle button:hover,.jj-inline-toggle button.is-active{border-color:#d94700;color:#d94700}.jj-inline-toggle{display:inline-flex;padding:3px;border-radius:999px;background:rgb(var(--color-foreground-rgb) / .06)}.jj-inline-toggle button{padding:6px 11px;border-radius:999px}.jj-inline-toggle button.is-active{background:#fff;box-shadow:0 2px 8px #00000014}.jj-step>.jj-inline-toggle{margin-bottom:14px}.jj-field,.jj-file{display:grid;gap:7px}.jj-field--compact{max-width:280px}.jj-field span,.jj-file>span,.jj-quote-contact label span{font-size:.82rem;font-weight:700}.jj-field input,.jj-file input,.jj-quote-contact input{width:100%;min-height:46px;padding:10px 12px;border:1px solid rgb(var(--color-foreground-rgb) / .18);border-radius:10px;background:rgb(var(--color-background-rgb));color:rgb(var(--color-foreground-rgb))}.jj-dimensions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.jj-dimensions:not([hidden]){display:grid}.jj-file{margin-top:14px;padding:18px;border:1px dashed rgb(var(--color-foreground-rgb) / .25);border-radius:12px}.jj-file[hidden]{display:none}.jj-help,.jj-subheading{margin:0 0 12px;color:rgb(var(--color-foreground-rgb) / .65);font-size:.9rem}.jj-subheading{margin-top:18px;font-weight:800;color:rgb(var(--color-foreground-rgb))}.jj-quote{position:sticky;top:calc(var(--header-height, 80px) + 20px);padding:24px;border-radius:18px;background:#121212;color:#fff;box-shadow:0 20px 48px #00000026}.jj-quote__topline{display:flex;justify-content:space-between;gap:18px;align-items:start}.jj-quote__topline span,.jj-quote__topline strong{display:block}.jj-quote__topline span{color:#ffffff94;font-size:.78rem}.jj-quote .jj-inline-toggle{background:#ffffff1a}.jj-quote .jj-inline-toggle button{border-color:transparent;background:transparent;color:#fff}.jj-quote .jj-inline-toggle button.is-active{background:#fff;color:#121212}.jj-quote__total{margin-top:24px;font-size:clamp(2rem,4vw,3rem);font-weight:850;letter-spacing:-.04em}.jj-quote__unit{color:#ffffff9e}.jj-quote__breakdown{display:grid;gap:8px;margin-block:22px;padding-block:18px;border-block:1px solid rgb(255 255 255 / .14)}.jj-quote__breakdown>div,.jj-quote__summary p{display:flex;justify-content:space-between;gap:16px;margin:0}.jj-quote__breakdown dt,.jj-quote__summary span{color:#ffffff9e}.jj-quote__breakdown dd,.jj-quote__summary strong{margin:0;text-align:right}.jj-quote__summary{display:grid;gap:9px;font-size:.84rem}.jj-quote__notice{margin:20px 0 0;color:#ffffff94;font-size:.78rem}.jj-quote__status{margin-top:16px;padding:10px 12px;border-radius:9px;background:#1faa6029;color:#8df0ba;font-size:.82rem}.jj-quote__status.is-error{background:#d947002e;color:#ffb491}.jj-configurator__contact{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:28px;margin-top:30px;padding:clamp(22px,4vw,36px);border:1px solid rgb(var(--color-foreground-rgb) / .12);border-radius:18px}.jj-configurator__contact-title{margin:0 0 7px;font-size:1.25rem;font-weight:800}.jj-configurator__contact-copy{margin:0;color:rgb(var(--color-foreground-rgb) / .65)}.jj-quote-contact__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.jj-quote-contact label{display:grid;gap:6px}.jj-configurator__success{color:#167c45;font-weight:700}.jj-configurator-section__note{padding:14px 18px;border-radius:12px;background:rgb(var(--color-foreground-rgb) / .05);color:rgb(var(--color-foreground-rgb) / .68);font-size:.86rem}.jj-configurator-section__note>:first-child,.jj-configurator-section__note>:last-child{margin-block:0}.jj-configurator__error{padding:18px;border:1px solid #d94700;border-radius:10px;color:#b43a00}@media screen and (max-width:989px){.jj-configurator__layout{grid-template-columns:1fr}.jj-quote{position:static}.jj-configurator__contact{grid-template-columns:1fr}}@media screen and (min-width:750px){.jj-configurator-section__inner{width:min(calc(100% - 80px),var(--normal-page-width, 1400px))}}@media screen and (max-width:749px){.jj-options--two,.jj-dimensions,.jj-quote-contact__fields{grid-template-columns:1fr}.jj-configurator__header h2{font-size:2rem}.jj-step,.jj-quote{border-radius:14px}}@media(prefers-reduced-motion:reduce){.jj-option-card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/jj-product-configurator.css.map */