:root{--color-error: 220, 38, 38;--mc-fs-note: 1.2rem;--mc-fs-help: 1.4rem;--mc-fs-body: 1.6rem;--mc-fs-heading: 1.8rem;--mc-fs-price: 2.4rem}.mount-configurator{margin:4rem 0;position:relative;font-family:var(--font-body-family)}.mount-configurator input{height:50px;padding:8px 12px;border:1px solid rgba(var(--color-foreground),.2);color:rgb(var(--color-foreground));font-size:1.6rem;line-height:1.6;font-weight:400;transition:border-color .2s ease,box-shadow .2s ease}.mount-configurator input:focus{outline:none;border-color:rgb(var(--color-foreground));box-shadow:0 0 0 2px rgba(var(--color-foreground),.1)}.configurator-header{margin-bottom:2rem}.configurator-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.configurator-header h3{margin-bottom:1rem;font-size:1.8rem;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700}.share-config-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:4px;background:transparent;color:rgba(var(--color-foreground),.6);font-size:1.2rem;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap;flex-shrink:0}.share-config-btn:hover{color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.3)}.share-config-btn svg{flex-shrink:0}.section-number{margin-right:1rem;margin-bottom:.5rem;display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-radius:50%;font-size:1.1rem;font-weight:700;padding-left:.2rem}.input-mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.mode-selector-header{grid-column:1 / -1;margin-bottom:1rem}.mode-selector-help{font-size:1.4rem;color:rgba(var(--color-foreground),.7);margin:0;padding:0}.mode-option{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem;border:2px solid rgba(var(--color-foreground),.1);border-radius:.2rem;cursor:pointer;transition:all .2s ease;background:rgb(var(--color-background));position:relative;text-align:left}.mode-option>input{display:none}.mode-option:hover{background:rgba(var(--color-foreground),.05)}.mode-option input[type=radio]{margin-bottom:.75rem;accent-color:rgb(var(--color-foreground));transform:scale(1.2)}.mode-option .mode-title{font-size:1.6rem;color:rgba(var(--color-foreground),.8);margin-bottom:.5rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:700}.mode-option .mode-description{font-size:1.4rem;color:rgba(var(--color-foreground),.7);line-height:1.4;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:400;margin-top:.5rem}.mode-option .mode-example{font-size:1.4rem;color:rgba(var(--color-foreground),.6);margin-top:.5rem;font-style:italic;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:400}.mode-option:has(input[type=radio]:checked){border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.configurator-content{display:flex;flex-direction:column;gap:2.8rem}.configurator-preview-col{margin-bottom:2rem}.configurator-preview-col .mount-preview{background:transparent;padding:0;border-radius:0}.configurator-ref-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}.configurator-ref-photo{width:100%;min-width:0;padding:0;margin:0;border:none;background:none;cursor:zoom-in;line-height:0}@media screen and (max-width: 749px){.configurator-ref-photos{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;scrollbar-width:none}.configurator-ref-photos::-webkit-scrollbar{display:none}.configurator-ref-photo{flex:0 0 calc((100% / 3) - .7rem);scroll-snap-align:start}}.configurator-ref-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;opacity:.9;transition:opacity .15s ease}.configurator-ref-photo:hover img,.configurator-ref-photo:focus-visible img{opacity:1}.configurator-ref-photo:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.mount-preview--photo{padding:0;overflow:hidden}.mount-preview--photo img{width:100%;height:100%;object-fit:cover;display:block}@media screen and (min-width: 990px){.product--mount-configurator .mount-preview-root{position:sticky;top:3rem}.product--mount-configurator .configurator-preview-col{margin-bottom:0}}.input-section{position:relative;padding:.4rem 0 .4rem 0rem}.input-section>*+*{margin-bottom:.8rem}.input-section h4,.mode-selector-header h4{position:relative;color:rgba(var(--color-foreground),.85);font-size:var(--mc-fs-heading);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:600;margin:0 0 .4rem}.input-description{font-size:var(--mc-fs-help);color:rgba(var(--color-foreground),.7);margin-bottom:1.5rem;margin-top:0;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:400}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.input-group{display:flex;flex-direction:column;position:relative}.mount-configurator .input-group label{font-weight:500;color:rgba(var(--color-foreground),.9);font-size:var(--mc-fs-help);margin-bottom:.6rem}.mount-configurator .input-group input{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-color:rgb(var(--color-background))!important;color:rgb(var(--color-foreground))!important;font-family:var(--font-body-family)!important;font-style:var(--font-body-style)!important;font-weight:400!important;font-size:var(--mc-fs-body)!important;width:100%!important;box-sizing:border-box!important;transition:all .2s ease;border-radius:.2rem!important;height:5rem!important;min-width:7rem;position:relative;border:.1rem solid rgba(var(--color-foreground),.3)!important;padding:.8rem 1.2rem!important;margin:0;box-shadow:none}.mount-configurator .input-group input:focus-visible{outline:.2rem solid rgb(var(--color-foreground))!important;outline-offset:.2rem!important}.mount-configurator .input-group input:focus{outline:.2rem solid rgb(var(--color-foreground))!important;outline-offset:.2rem!important}.mount-configurator .material-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:2rem;width:100%;margin-top:1rem}.mount-configurator .material-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease;position:relative}.mount-configurator .material-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.mount-configurator .material-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.mount-configurator .material-swatch{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:50%;border:1px solid rgba(var(--color-foreground),.4);transition:all .2s ease;position:relative;background-size:cover;background-position:center;display:block;flex-shrink:0;background-color:#f0f0f0}.mount-configurator .material-option:hover .material-swatch{border-color:rgba(var(--color-foreground),.4);transform:scale(1.05)}.mount-configurator .material-option input[type=radio]:checked+.material-content .material-swatch{border:2px solid rgb(var(--color-foreground));transform:scale(1.1)}.mount-configurator .material-option input[type=radio]:checked+.material-content .material-name{font-weight:700;color:rgb(var(--color-foreground))}.mount-configurator .material-info{display:flex;flex-direction:column;align-items:center;text-align:center}.mount-configurator .material-name{font-weight:500;font-size:1.4rem;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);margin:0}.mount-configurator .material-description{font-size:1.4rem}.mount-configurator .quantity-selector{display:flex;flex-direction:column;gap:1rem}.mount-configurator .quantity-label{font-weight:500;color:rgba(var(--color-foreground),.9);font-size:var(--mc-fs-help);font-family:var(--font-body-family);font-style:var(--font-body-style);margin:0}.mount-configurator .quantity-input-wrapper{display:flex;align-items:center;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.4rem;background:rgb(var(--color-background));width:fit-content}.mount-configurator .quantity-button{width:4rem;height:4rem;border:none;background:transparent;color:rgb(var(--color-foreground));font-size:1.8rem;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:.4rem}.mount-configurator .quantity-button:hover{background:rgba(var(--color-foreground),.05)}.mount-configurator .quantity-button:active{background:rgba(var(--color-foreground),.1)}.mount-configurator .quantity-input{width:6rem;height:4rem;border:none;background:transparent;color:rgb(var(--color-foreground));font-size:var(--mc-fs-body);font-weight:400;text-align:center;font-family:var(--font-body-family);font-style:var(--font-body-style);outline:none}.mount-configurator .quantity-input::-webkit-outer-spin-button,.mount-configurator .quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mount-configurator .quantity-input[type=number]{-moz-appearance:textfield}.mount-summary{margin-top:.5rem;padding:1.2rem 1.6rem;background:none;border:1px solid rgba(var(--color-foreground),.22)}.mount-summary h4{margin:0 0 1rem;color:rgb(var(--color-foreground));font-size:var(--mc-fs-heading);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700}.mount-specifications-portal-container,.product__info-wrapper .mount-specifications-portal-container{margin-top:1rem;padding:0}.mount-specifications-portal{background:transparent;border:none;border-radius:0;padding:0;margin-top:2rem}.mount-specifications-portal h4{margin-bottom:2rem;color:rgb(var(--color-foreground));font-size:2rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700}.mount-specifications{display:flex;flex-direction:column;gap:0;margin:0;padding:0}.spec-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1rem;padding:.9rem 0;border-bottom:1px solid rgba(var(--color-foreground),.1);position:relative}.spec-row:first-of-type{border-top:1px solid rgba(var(--color-foreground),.1)}.spec-row:last-of-type{border-bottom:none}.spec-row--price{background:transparent;color:rgb(var(--color-foreground));border-radius:0;padding:1.3rem 0 0;margin-top:0;border:none;font-weight:600}.spec-row dt{font-weight:500;color:rgba(var(--color-foreground),.7);font-size:var(--mc-fs-help);font-family:var(--font-body-family);font-style:var(--font-body-style);margin:0}.spec-row dd{font-weight:500;color:rgb(var(--color-foreground));font-size:var(--mc-fs-body);font-family:var(--font-body-family);font-style:var(--font-body-style);margin:0;text-align:left}.spec-row dd>*{display:inline}@media screen and (max-width: 1024px){.mount-specifications-portal{margin-top:1.5rem}.mount-specifications-portal h4{font-size:1.8rem;margin-bottom:1.5rem}.spec-row{padding:.7rem 0}.spec-row--price{padding:1.1rem 0 0}.spec-row dt,.spec-row dd{font-size:var(--mc-fs-help)}.spec-secondary{font-size:var(--mc-fs-note)}.spec-row--price dd{font-size:var(--mc-fs-body)}.price-main{font-size:2rem}.price-ex-vat{font-size:var(--mc-fs-help)}}.spec-row--price dt{font-weight:600;font-size:1.6rem;color:rgb(var(--color-foreground))}.spec-row--price dd{font-weight:700;font-size:1.6rem;color:rgb(var(--color-foreground));text-align:left}.price-display{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.price-main{font-weight:700;font-size:var(--mc-fs-price);color:rgb(var(--color-foreground));line-height:1.1}.price-ex-vat{font-weight:400;font-size:var(--mc-fs-help);color:rgba(var(--color-foreground),.7);line-height:1}.price-each{color:rgba(var(--color-foreground),.55)}.input-error{border-color:rgb(var(--color-error))!important;box-shadow:0 0 0 2px rgba(var(--color-error),.2)!important;background-color:rgba(var(--color-error),.03)!important}.field-error{color:rgb(var(--color-error));font-size:1.4rem;margin-top:.6rem;margin-bottom:.6rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:500;display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;background-color:rgba(var(--color-error),.08);border:1px solid rgba(var(--color-error),.2);border-radius:.4rem}.field-error:before{content:"⚠";font-size:1.5rem;flex-shrink:0}.overlap-toggle{display:flex;align-items:flex-start;gap:.8rem;margin-top:1.2rem;cursor:pointer;font-size:1.4rem;color:rgba(var(--color-foreground),.75);line-height:1.4}.overlap-toggle input[type=checkbox]{-webkit-appearance:auto!important;-moz-appearance:auto!important;appearance:auto!important;width:1.6rem!important;height:1.6rem!important;min-width:1.6rem!important;min-height:1.6rem!important;margin-top:.2rem!important;cursor:pointer;border:.1rem solid rgba(var(--color-foreground),.4)!important;border-radius:.2rem!important;flex-shrink:0}.overlap-toggle span{-webkit-user-select:none;user-select:none}.spec-note{font-size:var(--mc-fs-note);color:rgba(var(--color-foreground),.55);font-style:italic}.spec-secondary{font-size:var(--mc-fs-help);color:rgba(var(--color-foreground),.55);font-weight:400}.validation-error-message{color:rgb(var(--color-error));font-size:1.4rem;margin-bottom:1.5rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:500;display:flex;align-items:center;gap:.6rem;padding:1rem 1.2rem;background-color:rgba(var(--color-error),.08);border:1px solid rgba(var(--color-error),.2);border-radius:.4rem}.validation-error-message:before{content:"⚠";font-size:1.5rem;flex-shrink:0}.mount-configurator~.product-form__buttons,.mount-configurator~.product-form,.mount-configurator~[data-type=add-to-cart-form]{display:none!important}@media (max-width: 768px){.mount-configurator{padding:1rem}.input-mode-selector{flex-direction:column}.input-grid{grid-template-columns:1fr}.spec-row{grid-template-columns:1fr;gap:.5rem;text-align:left}.spec-row dd{text-align:left}.border-presets{justify-content:center}}@media (max-width: 480px){.configurator-header h3{font-size:1.4rem}.input-section{padding:.8rem 0 .8rem 0rem}.mount-outline{min-width:150px;min-height:120px}}.whats-included{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid rgba(var(--color-foreground),.1)}.whats-included h5{margin:0 0 1.2rem;color:rgb(var(--color-foreground));font-size:1.6rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:600}.included-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.included-items li{position:relative;padding-left:2rem;color:rgba(var(--color-foreground),.8);font-size:1.4rem;font-family:var(--font-body-family);font-style:var(--font-body-style);line-height:1.5}.included-items li:before{content:"✓";position:absolute;left:0;top:0;color:rgb(var(--color-success, 34, 197, 94));font-weight:600;font-size:1.4rem}.mount-type-toggle{margin-top:1.5rem;padding:1.2rem 1.4rem;border:1px solid rgba(var(--color-foreground),.22);background:none}.mount-type-toggle__label{display:flex;align-items:center;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.mount-type-toggle__checkbox{position:absolute;opacity:0;width:0;height:0}.mount-type-toggle__switch{position:relative;flex-shrink:0;width:40px;height:22px;background:rgba(var(--color-foreground),.25);border-radius:11px;transition:background .2s ease}.mount-type-toggle__switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease}.mount-type-toggle__checkbox:checked+.mount-type-toggle__switch{background:rgb(var(--color-foreground))}.mount-type-toggle__checkbox:checked+.mount-type-toggle__switch:after{transform:translate(18px)}.mount-type-toggle__text{display:flex;flex-direction:column;flex:1;min-width:0}.mount-type-toggle__title{font-size:1.4rem;font-weight:600;line-height:1.3}.mount-type-toggle__description{font-size:1.2rem;color:rgba(var(--color-foreground),.6);line-height:1.3}.mount-type-toggle__price{flex-shrink:0;font-size:1.3rem;font-weight:600;color:rgb(var(--color-foreground));white-space:nowrap}@media screen and (max-width: 1024px){.mode-example{display:none}.whats-included{margin-top:1.5rem;padding-top:1.5rem}.whats-included h5{font-size:1.5rem;margin-bottom:1rem}.included-items{gap:.6rem}.included-items li{font-size:1.4rem;padding-left:1.8rem}}.size-preset{margin-bottom:1.4rem}.size-preset__label{display:block;font-size:1.3rem;font-weight:600;color:rgba(var(--color-foreground),.85);margin-bottom:.8rem}.size-preset__hint{font-weight:400;color:rgba(var(--color-foreground),.55)}.size-preset__chips{display:flex;flex-wrap:wrap;gap:.6rem}.size-chip{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:3.4rem;padding:0 1.4rem;border:1px solid rgba(var(--color-foreground),.25);border-radius:1.7rem;background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),.8);font-family:var(--font-body-family);font-size:1.3rem;line-height:1;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.size-chip:hover{border-color:rgba(var(--color-foreground),.5);color:rgb(var(--color-foreground))}.size-chip:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(var(--color-foreground),.15)}.size-chip.is-active{background-color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-weight:600}.size-chip--more{padding:0 2.8rem 0 1.4rem;max-width:100%;background-image:linear-gradient(45deg,transparent 50%,rgba(var(--color-foreground),.6) 50%),linear-gradient(135deg,rgba(var(--color-foreground),.6) 50%,transparent 50%);background-position:calc(100% - 1.45rem) 50%,calc(100% - 1.05rem) 50%;background-size:.5rem .5rem,.5rem .5rem;background-repeat:no-repeat}.size-chip--more.is-active{background-color:rgb(var(--color-background));border-color:rgb(var(--color-foreground));color:rgb(var(--color-foreground))}
